@charset "UTF-8";

/*--------------------------------------------------------------------
/- file   : home.css
/- admin  : moag Inc. SHIGETA Makoto
/- update : 20110308
/- desc   : css for modern browser
/--------------------------------------------------------------------*/


/*----------------------------------------------------
	メインコンテンツ
----------------------------------------------------*/

img{
     max-width: 100%;
     height: auto;
     display:block;
	 text-align:left;
	 float:left;
}


div#contents {
	width: 95%;
	margin:0 auto;
	padding: 0;
	text-align:left;
}
* html div#contents {/* for IE6 */
}
*:first-child+html div#contents {/* for IE7 */
}


/*　カラム
----------------------------------------------------*/

div#contents div#article {
	display: inline;
	width: 100%;
}


	.font_20{
		font-size:154%;
		font-weight:bold;
	}
	
		.font_20_red{
		font-size:154%;
		color:#F00;
		font-weight:bold;
	}
	
	.font_red{
		color:#F00;
		font-weight:bold;
		
	}
	
		.font_16{
		font-size:124%;
		font-weight:bold;
	}
	
		.font_red_b{
		color:#F00;
		font-weight:bold;
		text-decoration:underline;
		
	}


/*----------------------------------------------------
	メインイメージ
----------------------------------------------------*/

#home div#main-image {
	width: 100%;
	margin:0 auto;
}



/*----------------------------------------------------
	メインコンテンツ
----------------------------------------------------*/

#home div#contents div#article {
	clear:both;
}

#home div#contents div.section {
	width:100%;
	height:auto;
	margin:20px auto;
	position:relative;
	}
	
	#home div#contents div.section02 {
	width:100%;
	height:auto;
	margin:20px auto 20px auto;
	position:relative;
	border-bottom:#CCC 1px dotted;
	}
	
	
		#home div#contents div.section03 {
	width:100%;
	height:auto;
	margin:20px auto 0px auto;
	position:relative;
	border:#122466 1px solid;
	padding-bottom:20px;
	}
	
		#home div#contents div.section03 .img{
	width:100%;
	margin:0;
	padding:0;
	
	}
	
		#home div#contents div.section03 .img01{
	width:100%;
		margin:0;
	padding:0;
	
	
	}
	
		#home div#contents div.section03 .img02{
	width:100%;
		margin:0;
	padding:0;

	
	}
	
	
	#home div#contents div.section p{
		text-align:left;
		margin-bottom:20px;
		clear:both;
	}
	
		#home div#contents div.section02 p{
		text-align:left;
		margin-bottom:20px;
		clear:both;
	}
	
			#home div#contents div.section03 p{
		text-align:left;
		clear:both;
		width:100%;
		margin:10px auto 20px auto;
	}
	
	#home div#contents div.section04 img {
	width:auto;
	height:auto;
	margin:0 auto 0px auto;
	float:left;
	}
	
		#home div#contents div.section04 p{
		text-align:left;
		margin-bottom:20px;
		clear:both;
	}
	
	#home div#contents div.section99 {
	width:100%;
	height:auto;
	margin:0px auto 0px auto;
	position:relative;
	clear:both;
	}
	
	#home div#contents div.section98 {
	width:100%;
	height:auto;
	margin:20px auto;
	}
	
	

	
	
	#home div#contents div.section h2 {
	width:100%;
	height:auto;
	border-top:#000 3px solid;
	border-bottom:#000 1px solid;
	text-align:left;
	font-size:131%;
	font-weight:bold;
	padding:10px 0px;
	margin-bottom:20px;
	}

.btn_blog{
	position:absolute;
	top:55px;
	left:20px;
}


#home div#contents div.textbox01{
	width:100%;
	margin:0 auto;
	text-align:left;
	float:left;
}

#home div#contents div.textbox02{
	width:100%;
	margin:0 auto;
	text-align:left;
	float:left;
}

#home div#contents p.textbox03{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:20px 0;
}

#home div#contents p.textbox04{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:20px 0;
}


#home div#contents p.textbox05{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:0;
}

#home div#contents div.textbox06{
	width:100%;
	margin:0 auto;
	text-align:left;
	float:left;
}

#home div#contents div.textbox07{
	width:100%;
	margin:0 auto;
	text-align:left;
	float:left;
}

#home div#contents div.textbox08{
	width:100%;
	text-align:left;
	float:left;
}

.sp_770{
width:100%;
height:auto;
margin:0 auto;
clear:both;
}

.sp_700{
width:100%;
height:auto;
margin:0 auto;
clear:both;
}


.sp_float{
float:left;
width:100%;
}

.float_right{
	float:right;
	width:100%;
}

.float_left{
	float:left;
	width:100%;
}

.float_right02{
	float:right;
	width:100%;
}

.float_left02{
	float:left;
	width:100%;
}

.float_right03{
	float:right;
	width:100%;
}

.float_right04{
	float:right;
	width:100%;
}

.float_left03{
	float:left;
	width:100%;
}

.float_left04{
	float:left;
	width:100%;
}

.float_right05{
	float:right;
	width:100%;
	padding-top:60px;
}

.float_left06{
	float:left;
	width:100%;
	margin-right:10px;
	text-align:left;
}

.float_right06{
	float:right;
	width:100%;
}

.float_right07{
	float:right;
	width:100%;
}

.float_left07{
	float:left;
	width:100%;
}

.float_right08{
	float:right;
	width:100%;
}



#home div#contents div.section ul {
	margin:0px 40px 20px 40px;
	}

	#home div#contents div.section li {
		list-style:decimal;
		text-align:left;
		font-size:154%;
		font-weight:bold;
	}

	
		#home div#contents div.section dl{
			margin:20px;
	}
	
	#home div#contents div.section dd{
		list-style:disc;
		text-align:left;
	}
	
.back_img01{
	width:100%;
	height:auto;
	text-align:left;
}

.bk_img01{
float:left;
width:100%;
}

.bk_img01_text{
width:100%;
float:left;
}

.back_img02{
	width:100%;
	height:155px;
	background:url(../images/img_28.jpg) left top no-repeat;
	text-align:left;
	padding-left:160px;
	margin:0 auto 50px auto;
}

.back_img03{
	width:100%;
	height:154px;
	background:url(../images/img_29.jpg) left top no-repeat;
	text-align:left;
	padding-left:280px;
	margin:0 auto 50px auto;
}

.back_img04{
	width:100%;
	height:auto;
	background:url(../images/img_35.jpg) right top no-repeat;
	text-align:left;
	margin:0 auto;
}


.back_img05{
	width:100%;
	height:499px;
	background:url(../images/img_42.jpg) right top no-repeat;
	text-align:left;
	margin:0 auto 40px auto;
}

.back_img06{
	width:100%;
	height:499px;
	background:url(../images/img_44.jpg) right top no-repeat;
	text-align:left;
	margin:0 auto;
}

#home div#contents div.section h4{
	background:url(../images/icon_01.jpg) no-repeat left center;
		font-size:154%;
		font-weight:bold;
		text-align:left;
		padding-left:26px;
		margin-bottom:20px;
	
}
#home div#contents div.section03 h4{
	background:url(../images/icon_01.jpg) no-repeat left center;
		font-size:154%;
		font-weight:bold;
		text-align:left;
		padding-left:26px;
		margin-bottom:20px;
	
}

#home div#contents div.section h5{
		font-size:139%;
		font-weight:bold;
		text-align:left;
		color:#F00;
		margin-bottom:20px;
	
}

.img_box{
	width:100%;
	height:auto;
	clear:both;
	margin:0 auto;
}

.img_box_l{
	width:100%;
	height:auto;
	clear:both;
	margin:0 auto;
	text-align:left;
}

.btn_buy{
clear:both;
}

.bk_sp{
background:#f5c400;
width:100%;
}

.back_img07{
	width:100%;
	height:auto;
	background:url(../images/img_49.jpg) right top repeat-y;
	text-align:left;
	margin-left:3%;
}

.back_img07_text{
width:78%;
margin:0 auto;
}