@charset "utf-8";
/*
Theme Name:i-oshigoto総合トップ
Theme URI:http://www.abi.co.jp/content/
Description:i-oshigotoの総合トップ。
Version:1.0
Author:AbilityCenter
Author URI:http://www.abi.co.jp/content/
*/
@import "reset.css";

/* トップページ,アーカイブページ,カテゴリーページ,タグページ,検索ページ共通 */

/*==========================================
 body
===========================================*/

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Verdana, sans-serif;
	font-size:16px;
	line-height:2;
	color:#444;
	background-image:url(images/bgimg.jpg);
	background-repeat:repeat;
}

a {
	color:#1E90FF;
	text-decoration:none;
}

a:visited {
}

a:hover {
	text-decoration:underline;
}

a:active {
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.clearfix { display: inline-table; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

strong {
font-weight: bold ! important;
}

#header,
#contents,
#footer{
	width:940px;
    margin-left:auto;
    margin-right:auto;
}

#header img{
	display: block;
	margin:20px auto;
}

#footer{
	text-align:center;
	font-size:12px;
	padding:10px 0;
}

#main{
	background:#FFFFFF;
	padding:46px 40px 60px 40px;
	border-radius:20px; /* 角丸 */
}

.b-waku{
	margin-bottom:70px;
}

.b-waku ul,
.b-waku2 ul{
	margin-top:-10px;
}

.b-waku li,
.b-waku2 li{
	border-bottom:dotted 1px #a0a0a0;
	padding:10px 12px 5px 12px;
}

.b-le{
	width:400px;
}

.b-ri{
	width:400px;
	float:right;
}


@media screen and (max-width: 630px) {

body {
	font-size:14px;
	line-height:1.4;
}

#header,
#contents,
#footer{
	width:100%;
}

#header img{
	display: block;
	margin:4% 0;
	width:100%;
}


#main{
	padding:8% 4% 2% 4%;
	margin:0 4%;
}

.b-waku{
	margin-bottom:0;
}

.b-waku ul,
.b-waku2 ul{
	margin-top:-4%;
}

.b-waku li,
.b-waku2 li{
	padding:10px 12px 5px 12px;
}

.b-le{
	width:100%;
	margin-bottom:10%;
}

.b-ri{
	width:100%;
	float:none !important;
	margin-bottom:14%;
}

}


/* トップへ戻る */

#goto_top {
	position:fixed;
	right:10px;
	bottom:10px;
}

#goto_top a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.51, #d1d1d1), color-stop(0.50, #dbdbdb), color-stop(0.00, #dcdcdc));
	background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
	background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
	background: -ms-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
	background: linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
    background-color:#DCDCDC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none;
	padding:2px 4px 2px 4px;
	display:block;
	border:solid 1px #CCC;
	color:#333;
}

#goto_top a:hover {
	text-decoration:underline;
}

* html #goto_top a {
   position:absolute;
   right:30px;
}

/* トップへ戻るend */