@charset "utf-8";

/*=========================================================
 *	file name : common.css - 
=========================================================*/

/*
html {background:url(../img/bg01.jpg) repeat top center;}
*/

body {
		text-align: center;
		margin:0;
		color:#555;
		line-height: 1.6;
		text-decoration: none;
		background-color:#fffcdb;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Arial;
}

#container_top{clear:both; margin:0 auto; width:988px; height:654px; background:url(../img/top_bg.gif) no-repeat top left; text-align:left;}
div#container_top:after{
	height:0; visibility:hidden;
	content: ".";
	display:block;
	clear:both;
}

#header_top{
	margin:0; padding:8px 0 0 3px;
	width:988px; height:58px;
}
#btn_left{float:left; width:270px; height:58px;}
#btn_right{float:left; width:715px; height:58px;}

#btn_left02{float:left; width:270px; height:58px;}
#btn_right02{float:left; width:715px; height:58px;}

ul#g_btn{padding:0 0 0 0;}
ul#g_btn li{float:left; height:22px; padding:10px 0 0 4px ; margin:0;}
#english{float:right; padding:0 7px 0 0;}


/*=========================================================
 *	Chari Pa
=========================================================*/
body#charipa {
		text-align: center;
		margin:0;
		color:#555;
		line-height: 1.6;
		text-decoration: none;
		background-color:#ffffff;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Arial;
		background:url(../img/bg_charipa.gif) repeat-x top center;
}

#header_sub_charipa{
	margin:8px 0 0 0;
	width:988px; height:80px;
}
ul#charipa_btn{height:60px;}
ul#charipa_btn li{float:left; margin-right:50px;}

ul#charipa_thumbs{width:600px;}
ul#charipa_thumbs li{float:left; margin:0; padding:0; width:120px; height:120px;}
*html ul#charipa_thumbs li{float:left; margin-top:-3px; padding:0; width:120px; height:120px;}

#chari_left{float:left; width:368px;}
#chari_right{float:right; width:610px;}

#chari_left02{float:left; width:610px;}
#chari_right02{float:right; width:368px;}

#footer_chari{clear:both; height:250px; background:url(../img/footer_chari.gif) no-repeat top center; text-align:center; font-size:80%; width:100%;}
#footer_box{clear:both; width:988px; margin:0 auto;}
ul#footer_btn{text-align:right; padding:68px 0 0 810px;}
ul#footer_btn li{float:left; padding-left:10px;}

ul.option-set li{float:left; margin-right:15px;}
.chari_box_inline{padding:10px; background-color:#fff; text-align:right;}
.chari_navi{font-size:11px; padding-bottom:5px;}

ul#charipa_detail{}
ul#charipa_detail li{float:left; list-style-type:none;}
ul#charipa_detail li.d_01{background:url(../img/charipa/chari_detail01.jpg) no-repeat top left; width:328px; height:381px;}
ul#charipa_detail li.d_02{background:url(../img/charipa/chari_detail02.jpg) no-repeat top left; width:330px; height:381px;}
ul#charipa_detail li.d_03{background:url(../img/charipa/chari_detail03.jpg) no-repeat top left; width:330px; height:381px;}
ul#charipa_detail li.d_04{background:url(../img/charipa/chari_detail04.jpg) no-repeat top left; width:328px; height:381px;}
ul#charipa_detail li.d_05{background:url(../img/charipa/chari_detail05.jpg) no-repeat top left; width:330px; height:381px;}
ul#charipa_detail li.d_06{background:url(../img/charipa/chari_detail06.jpg) no-repeat top left; width:330px; height:381px;}
ul#charipa_detail li.d_07{background:url(../img/charipa/chari_detail07.jpg) no-repeat top left; width:328px; height:501px;}
ul#charipa_detail li.d_08{background:url(../img/charipa/chari_detail08.jpg) no-repeat top left; width:330px; height:501px;}
ul#charipa_detail li.d_09{background:url(../img/charipa/chari_detail09.jpg) no-repeat top left; width:330px; height:501px;}

.chari_detail_ttl{font-weight:bold; font-size:110%;}

.q01{color:#ee6c32;}
.a01{padding-bottom:10px;}

/*=========================================================
 *	Sub Page--
=========================================================*/
#container_sub_top{clear:both; margin:0 auto; width:988px; text-align:left; }
div#container_sub_top:after{
	height:0; visibility:hidden;
	content: ".";
	display:block;
	clear:both;
}
#header_sub{
	margin:8px 0 0 0;
	width:988px; height:110px;
	background:url(../img/sub_header_bg.jpg) no-repeat top center;
}




#sub_cnt{width:988px; clear:both; float:left; background:url(../img/sub_bg.jpg) repeat-y top left;}


#sub_cnt_webzine{width:988px; clear:both; float:left; background:url(../img/sub_webzine_bg.jpg) repeat-y top left;}

#sub_btm{width:988px; clear:both; float:left; background:url(../img/sub_bg_btm.jpg) no-repeat top left; height:95px;}
#sub_webzine_btm{width:988px; clear:both; float:left; background:url(../img/sub_bg_webzine_btm.jpg) no-repeat top left; height:95px;}

#container #sub_content{width:950px; text-align:left; margin:0; padding:0;}



/*=========================================================
 *	SOTRE--
=========================================================*/
#header_store{
	margin:8px 0 0 0;
	width:988px; height:85px;
	background:url(http://michio.asia/rulezpeeps/img/store_header_bg.gif) no-repeat top center;
}


#container_store{clear:both; margin:0 auto; width:988px; text-align:left;}
div#container:after_store{
	height:0; visibility:hidden;
	content: ".";
	display:block;
	clear:both;
}
#btn_left_store{float:left; width:400px; height:58px;}
#btn_left_store ul li{float:left;}
#btn_right_store{float:left; width:585px; height:58px;}
#btn_right_store ul#g_btn{padding-left:80px;}
#btn_right_store ul#g_btn li{float:left; height:22px; padding:10px 0 0 6px ; margin:0;}

#store_bg{clear:both; float:left; width:988px; background:url(http://michio.asia/rulezpeeps/img/store_bg.gif) repeat-y top center;}
#store_bg #left{float:left; width:710px; padding:0 0 0 25px;}
#store_bg #left p{padding:0 0 20px 0;}


#store_bg #right{float:right; width:251px; text-align:right; padding:0 ;}
#right_box{padding-right:25px;}
#store_bg #right ul{float:right;}
#store_bg #right ul li{float:left;}

#store_bg_btm{clear:both; width:988px; background:url(http://michio.asia/rulezpeeps/img/store_bg_btm.gif) repeat-y top center; height:88px;}


/*------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------*/
#footer{clear:both; height:250px; background:url(../img/footer_bg.gif) no-repeat top center; text-align:center; font-size:80%; width:100%;}
#footer_box{clear:both; width:988px; margin:0 auto;}
ul#footer_btn{text-align:right; padding:68px 0 0 810px;}
ul#footer_btn li{float:left; padding-left:10px;}


#page_top{ float:right; text-align:right; height:30px; padding:60px 0 0 0 ;}




/*------------------------------------------------------------------------
BASIC TAG
------------------------------------------------------------------------*/
a:link ,
a:visited ,
a:active {
	color: #006f2f;
	text-decoration: underline;
}

a:hover {
	color: #006f2f;
	text-decoration: none;
}

a.btn01:link, a.btn01:visited, a.btn01:active {color:#825182; text-decoration: underline; font-size:120%;}
a.btn01:hover {color:#333333; text-decoration: underline;}

a.orange:link, a.orange:visited, a.orange:active {color:#D85414; text-decoration: underline; font-size:120%;}
a.orange:hover {color:#D85414; text-decoration: underline;}



a.blk:link, a.blk:visited, a.blk:active {color:#555; text-decoration: none;}
a.blk:hover {color: #1b955a; text-decoration: underline;}

a.webzine:link, a.webzine:visited, a.webzine:active {background:url(../img/allow01.gif) no-repeat top left; padding:4px 15px 0 15px; height:15px; color:#333333; text-decoration: none;}
*html a.webzine:link, a.webzine:visited, a.webzine:active {background:url(../img/allow01.gif) no-repeat top left; padding:0 0 0 15px; height:15px; color:#333333; text-decoration: none;}
a.webzine:hover {color: #1e9659; text-decoration: underline;}


ul{
	margin:0; padding:0;
}
ul li{
	margin:0 0 0 0 ; padding:0;
	list-style-type:none;
}

table tr th{padding:5px;}
table tr td{padding:5px;}


dl{
	color:#555;
}
dl dt{
	float:left;
	width:100px;
	padding:5px 0;
	text-align:left;
	border-bottom:1px dotted #BAB3A0;
}
dl dd{
	float:right;
	width:250px;
	padding:5px 0;
	text-align:left;
	border-bottom:1px dotted #BAB3A0;
}

.both{clear:both;}

.img_left{float:left; margin:0 20px 0 0;}

.pa10{padding:10px;}

.ma5{margin:5px;}
.ma10{margin:10px;}
.ma15{margin:15px;}
.ma20{margin:20px;}
.ma25{margin:25px;}
.ma30{margin:30px;}

.font30{font-size:30%;}
.font35{font-size:35%;}
.font40{font-size:40%;}
.font50{font-size:50%;}
.font65{font-size:65%;}
.font70{font-size:70%;}
.font80{font-size:80%;}
.font85{font-size:85%;}
.font88{font-size:88%;}
.font90{font-size:90%;}
.font100{font-size:100%;}
.font105{font-size:105%;}
.font110{font-size:110%;}
.font115{font-size:115%;}
.font120{font-size:120%;}
.font130{font-size:130%;}
.font140{font-size:140%;}
.font150{font-size:150%;}
.font160{font-size:160%;}
.font180{font-size:180%;}
.font200{font-size:200%;}
.font210{font-size:210%;}
.font220{font-size:220%;}

.mat3{margin-top:3px;}
.mat5{margin-top:5px;}
.mat10{margin-top:10px;}
.mat15{margin-top:15px;}
.mat20{margin-top:20px;}
.mat25{margin-top:25px;}
.mat30{margin-top:30px;}
.mat40{margin-top:40px;}
.mat50{margin-top:50px;}

.mar3{margin-right:3px;}
.mar5{margin-right:5px;}
.mar8{margin-right:8px;}
.mar9{margin-right:9px;}
.mar10{margin-right:10px;}
.mar15{margin-right:15px;}
.mar20{margin-right:20px;}

.pal5{padding-left:5px;}
.pal8{padding-left:8px;}
.pal10{padding-left:10px;}

.par5{padding-right:5px;}
.par8{padding-right:8px;}
.par10{padding-right:10px;}
.par15{padding-right:15px;}
.par20{padding-right:20px;}

.pat10{padding-top:10px;}
.pat15{padding-top:15px;}
.pat50{padding-top:50px;}
.pat100{padding-top:100px;}

.patboth10{padding:10px 0;}

.hgt10{height:10px; clear:both;}
.hgt20{height:20px;}
.hgt25{height:25px; clear:both;}
.hgt30{height:30px; clear:both;}
.hgt40{height:40px; clear:both;}
.hgt50{height:50px; clear:both;}
.hgt80{height:80px; clear:both;}
.hgt100{height:100px; clear:both;}
.hgt120{height:120px; clear:both;}
.hgt150{height:150px; clear:both;}

.blue{color:#3ca4d7;}
.red{color:#b94047;}
.red02{color:#eb5352;}
.blk{color:#494a41;}
.blk02{color:#555555;}
.gry{color:#787878;}
.gry02{color:#969792;}
.gry03{color:#cccccc;}
.pink{color:#ec7d86;}
.green{color:#60a240;}
.green02{color:#219459;}
.purple{color:#505bab;}
.orange{color:#D85414;}

.blue02{color:#37539d;}
.brown{color:#966b56;}
.redB{color:#b94047; font-weight:bold;}

.bg01{background:#eeeeee;}
.bg02{background:#f5f5f5;}

.text_left{text-align:left;}

.bold{font-weight:bold;}
.normal{font-weight:normal;}
.blk{color:#000;}
.center{text-align:center;}

.border{height:1px; margin:25px 10px; border-top:1px solid #ccc;}