/*
===== CSS Index=====

universal reset
base-layout
header

left-column
	contents
	infomation
	recommend

	img-regulation

right-column

footer

====================
*/

/*===== universal reset =====*/

*{
	margin:0;
	padding:0;
}

html,body{
	height:100%;
	text-align:center;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	padding:0;
}

p{
	font-size:90%;
	text-align:left;
	line-height:140%;
}

fieldset,img{
	border:0;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	text-align:left;
}

ol,ul{
	list-style:none;
}

a:link{
	color:#ff3366;text-decoration:none;
}
a:visited{
	color:#ff3366;text-decoration:none;
}
a:hover{
	color:#ff3366;text-decoration:underline;
}

/*===== base-layout=====*/

#wrapper{
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#contentswrapper{
	margin:0px auto;
	padding:0px;
	width:1000px;
	float:left;
	clear:left;
}

#leftcolumn{
	width:680px;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:6px;
	margin-right:6px;
}

#rightcolumn{
	float:right;
	display:inline;
	margin:0px;
	padding:0px;
	width:300px;
	text-align:center;
}

img.ttlbar{
	margin-top:10px;
	margin-bottom:6px;
}

img.ttlbar2{
	margin-top:40px;
	margin-bottom:6px;
}

/* ------------------------------------------------------------------------------------------
header
------------------------------------------------------------------------------------------ */
#header { margin:23px 0 10px; padding:0; }

#header p								{ margin:0; padding:0; }

#header .spMenu					{ height:26px; background:url(../images/bg_menu.gif) 0 0 repeat-x; }
#header .spMenu ul			{ margin:0; padding:0; }
#header .spMenu ul li		{ float:left; width:120px; font-weight:bold; text-align:center; }
#header .spMenu ul li a	{ padding:6px 10px 0; height:20px; text-decoration:none; color:#FFF; display:block; }
#header .spMenu ul li a:hover{ background:url(../images/bg_menu_on.gif) 0 0 repeat-x; }

#header .spForm					{ height:36px; padding:0 10px; margin:0 0 10px; background:url(../images/bg_form.gif) 0 0 repeat-x; }
#header .spForm .ing		{ width:700px; float:left; }
#header .spForm .ing p	{ margin-top:6px; margin-bottom:7px; }
#header .spForm .ing span					{ vertical-align:middle; padding:0 3px; color:#363; font-weight:bold; font-size:108%; }
#header .spForm .ing img					{ vertical-align:middle; }
#header .spForm .ing input				{ vertical-align:middle; }
#header .spForm .ing input.txt		{ padding:2px; border:1px solid #CCC; background:#FFF; width:325px; }
#header .spForm .ing input.btn		{ margin:0 5px; }
#header .spForm .ed			{ width:220px; float:right; }
#header .spForm .ed img	{ margin:6px 0 7px 10px; padding:0; }


/*=====leftcolumn=====*/

#read{
	width:670px;
	float:left;
	padding:20px 0 10px 10px;
	background:url(../images/lead_ico.gif) center top no-repeat;
	margin-top:5px;
}
#read h2{
	color:#996600;
	line-height:150%;
	font-weight:bold;
}
#read h2 p{
	white-space:nowrap;
}

#table-info{
	width:680px;
	float:left;
	padding:10px 0 20px 0;
	border-bottom:1px dotted #CCCCCC;
}

/*=====index_ttl=====*/

#index_btn_box{
	width:680px;
	height:56px;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
	float:left;
}
#index_btn_box ul{
	height:56px;
	width:680px;
	float:left;
}
#index_btn_box li{
	margin:0;
	padding:0;
	float:left;
}
#btn_01{text-indent:-1000px;background:url(../images/btn_index01_on.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}
#btn_01 a{text-indent:-1000px;background:url(../images/btn_index01_off.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}
#btn_01 a:hover{text-indent:-1000px;background:url(../images/btn_index01_on.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}
#btn_02{text-indent:-1000px;background:url(../images/btn_index02_off.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}
#btn_02 a{text-indent:-1000px;background:url(../images/btn_index02_off.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}
#btn_02 a:hover{text-indent:-1000px;background:url(../images/btn_index02_on.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}
#btn_03{text-indent:-1000px;background:url(../images/btn_index03_on.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}
#btn_03 a{text-indent:-1000px;background:url(../images/btn_index03_off.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}
#btn_03 a:hover{text-indent:-1000px;background:url(../images/btn_index03_on.jpg) left top no-repeat;display:block;overflow:hidden;height:56px;width:220px;float:left;}

/*=====バナースペース=====*/

.banner{width:680px;text-align:center;float:left;padding:10px 0 10px 0;}


/*=====Q＆A_BOX=====*/

.qa_box{
	width:680px;
	text-align:left;
	float:left;
}
.qa_box h2{padding-bottom:10px;}
.qa_contents{width:680px;float:left;padding-top:10px;}
.qa_cont_top{width:680px;float:left;background:url(../images/q_top.gif) left top no-repeat;height:46px;}
.qa_bg{background:url(../images/qa_bg.gif) left bottom no-repeat;width:680px;float:left;margin-bottom:10px;}
.qa_inner{width:640px;float:left;padding:10px 20px 20px 20px;}
.qa_tex{
	width:600px;
	float:left;
	padding-left:45px;
}
.qa_runk{
	width:350px;
	float:left;
	margin-top:5px;
}
.qa_runk_01{
	font-size:100%;
	color:#cc0000;
	font-weight:bold;
	float:left;
	margin-top:5px;
}
.qa_runk_icon{float:left;padding-left:1px;}
.qa_btn_box{
	float:right;
	width:205px;
	height:45px;
}
.btn_qa{
	text-indent:-1000px;
	background:url(../images/btn_qa_on.gif) left top no-repeat;
	display:block;
	overflow:hidden;
	height:45px;
	width:205px;
	float:left;
}
.btn_qa a{text-indent:-1000px;background:url(../images/btn_qa_off.gif) left top no-repeat;display:block;overflow:hidden;height:45px;width:205px;float:left;}
.btn_qa a:hover{
	text-indent:-1000px;
	background:url(../images/btn_qa_on.gif) left top no-repeat;
	display:block;
	overflow:hidden;
	height:45px;
	width:205px;
	float:left;
}

/*=====OKWave_QA=====*/
#okqa_bg{background:url(../images/okqa_bg.jpg) left bottom no-repeat;width:680px;float:left;}
#okqa_left{width:320px;float:left;padding-right:10px;padding-left:10px;padding-top:10px;border-right:1px dotted #CCCCCC;}
#okqa_right{width:310px;float:left;padding-left:10px;padding-right:10px;padding-top:10px;}
.tex_small_red{font-size:70%;color:#FF0000;line-height:150%;}
.btn_okqa_box{width:190px;height:40px;padding-left:50px;padding-top:10px;padding-bottom:20px;float:left;}
.btn_okqa{text-indent:-1000px;background:url(../images/btn_okqa_on.jpg) left top no-repeat;display:block;overflow:hidden;height:40px;width:190px;float:left;}
.btn_okqa a{text-indent:-1000px;background:url(../images/btn_okqa_off.jpg) left top no-repeat;display:block;overflow:hidden;height:40px;width:190px;float:left;}
.btn_okqa a:hover{text-indent:-1000px;background:url(../images/btn_okqa_on.jpg) left top no-repeat;display:block;overflow:hidden;height:40px;width:190px;float:left;}

/*==page_top=*/
.page_top{
	width:680px;
	height:18px;
	background:url(../images/icon_top.gif) 540px center no-repeat;
	text-align:right;
	float:left;
}
.page_top p{
	font-size:12px;
	padding-top:2px;
}



/*==infomation=*/
div.infobox{
	width:680px;
	background:url(../images/bg_info.jpg) repeat-y;
	margin:10px auto 10px auto;
	padding:0px;
	text-align:center;
	float:left;
	clear:left;
	font-size:1px;
}

.topinfo{
	width:680px;
	height:60px;
	background-position:top;
	background-repeat:no-repeat;
}

.special{
	background-image:url(../images/top_special.jpg);
}

.readmore{
	background-image:url(../images/top_goread.jpg);
}
.morequestion{
	background-image:url(../images/top_question.jpg);
}

.btminfo{
	width:680px;
	height:12px;
	background:url(../images/btm_info.jpg) no-repeat;
	margin-top:0px;
	clear:both;
}

h3.info{
	font-size:14px;
	color:#FF9933;
	text-align:left;
	margin:10px auto 10px 10px;
}

/*===*/

div.infowrapper{
	width:660px;
	margin-left:auto;
	margin-right:auto;
}
div.infowrapper p{
	margin-left:10px;
	font-size:12px;
	text-align:left;
	color:#444444;
	line-height:20px;
}

.infoleft{
	float:left;
	width:340px;
	margin-right:14px;
}
.inforight{
	float:right;
	display:inline;
	width:280px;
}

.btwrapper{
	width:610px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.btzoneleft{
	float:left;
	width:284px;
	margin-right:20px;
}
.btzoneright{
	float:right;
	display:inline;
	width:284px;
}

/*===*/

.recommend{
	width:680px;
	background:url(../images/bg_recommend.gif) repeat-y;
	margin:24px auto 10px auto;
	padding:0px;
	text-align:center;
	float:left;
	clear:left;
	font-size:1px;
}

.toprecommend{
	width:680px;
	height:36px;
	background:url(../images/top_recommend.gif) no-repeat;
	background-position:top;
}

.btmrecommend{
	width:680px;
	height:10px;
	background:url(../images/btm_recommend.gif) no-repeat;
	margin-top:0px;
	clear:both;
}

.recowrapper{
	width:660px;
	margin-left:auto;
	margin-right:auto;
}

div.recowrapper p{
	margin-left:10px;
	margin-top:20px;
	font-size:12px;
	text-align:left;
	color:#444444;
	line-height:20px;
}
.recommendleft{
	float:left;
	width:320px;
	margin-right:10px;
}

.recommendright{
	float:right;
	display:inline;
	width:330px;
}

/*===*/

div.stars{
	border:1px solid #cccccc;
	margin-bottom:10px;
}

div.stars p{
	font-weight:bold;
	text-align:center;
	color:#33CC99;
	font-size:12px;
	margin:0px;
}
span.small{
	font-size:10px;
	color:#999999;
	line-height:14px;
}

hr.short{
	border:solid #eeeeee;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin:12px 0;
	clear:both;
}

/*=====img-regulation=====*/

img.mbtm{
	margin-bottom:20px;
}

td.event img{
	margin-right:6px;
}

/*=====rightcolumn=====*/

#rightcolumn a:hover{
	top:1px;
	position:relative;
}

img.rttlbar{
	margin-bottom:10px;
}

div.rightunit{
	width:280px;
	margin:10px auto 20px auto;
	clear:both;
}

table.righttable{
	margin-top:20px;
}
table.righttable td{
	vertical-align:top;
	font-size:12px;
	line-height:16px;
}

table.righttable a:link{
	color:#0066CC;
	text-decoration:none;
}

table.righttable a:visited{
	color:#0066CC;
	text-decoration:none;
}

table.righttable a:hover{
	color:#663300;
	text-decoration:underline;
}

div.r1{
	float:left;
	width:100px;
}

div.r2{
	float:right;
	width:160px;
}

/*=====linkbt=====*/

a.bt{
	width:282px;
	height:54px;
	display:block;
	background-repeat:no-repeat;
}

a.bt:hover{
	background-position:0 -58px;
	text-decoration:none;
}

a.bt_special{
	width:282px;
	height:54px;
	margin-top:30px;
	display:block;
	overflow:hidden;
}
a.bt_special:hover{
	background:url(../images/bt_special_on.jpg) left top no-repeat;
}
a.special{
	background:url(../images/bt_special_off.jpg) left top no-repeat;
}

a.bt_bookcate{
	width:282px;
	height:54px;
	margin-top:40px;
	display:block;
	overflow:hidden;
}
a.bt_bookcate:hover{
	background:url(../images/btn_bookcate_on.jpg) left top no-repeat;
}
a.bookcate{
	background:url(../images/btn_bookcate_off.jpg) left top no-repeat;
}

a.btq1{
	background-image:url(../images/bt_goquestion.jpg);
}
a.btq2{
	background-image:url(../images/bt_goregist.jpg);
}

a.btrecommend{
	background-image:url(../images/bt_osusume.jpg);
	float:right;
	margin-top:10px;
}

/* ------------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------------ */
#footer { clear:both; font-size:90%; text-align:center; }
#footer hr		{ margin:10px 0; }
#footer div		{ text-align:right; }
#footer div img					{ position:relative; top:0.5em; margin-right:0.5em; }
#footer span	{ display:block; width:100%; text-align:right; position:relative; bottom:3em; }/* パワードバイロゴ位置 */
#footer a:link,#footer a:visited	{ color:#00C; text-decoration:underline; }
#footer a:hover,#footer a:active	{ color:#00C; text-decoration:none; }


.left{
	float:left;
	text-align:left;
	margin-left:6px;
}
.right{
	float:right;
	margin-right:6px;
}

.red{color:#CC0000;}

table#table1{
	border:1px #CCCCCC solid;
	border-collapse:collapse;
	border-spacing:0;
	font-size:12px;
}

table#table1 th{
	padding:5px;
	border:#CCCCCC solid;
	border-width:0 0 1px 1px;
	background:#EEEEEE;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	white-space:nowrap;
}
table#table1 td{
	padding:5px;
	border:1px #CCCCCC solid;
	border-width:0 0 1px 1px;
	text-align:center;
	white-space:nowrap;
}

/*qubox*/

.q_nbr{
	float:left;
}
.qa_title h3{
	float:left;
	font-size:110%;
	background:url(images/q1k.gif) left center no-repeat;
	padding-left:0;
	line-height:1.4;
	margin:0 0 5px;
	width:500px;
	white-space:nowrap;
}

/*おススメ関連*/

#rec_box{
	clear:left;
	float:left;
	width:680px;
	margin:20px 0 10px;
	background:url(../images/recom_mid.gif) left top repeat-y;
}
#rec_tit{
	background:url(../images/recom_title.gif) left top no-repeat;
	text-indent:-99999px;
	width:680px;
	height:55px;
}

#rec_mid{
	background:url(../images/recom_btm.gif) left bottom no-repeat;
	padding:20px;
	margin:0;
}
.bnr_innder{
	width:640px;
}
.bnr_rec{
	width:207px;
	margin:0 8px 0 0;
	float:left;
}
#rec_btm{
	background:url(../images/recom_btm.gif) left top no-repeat;
	width:680px;
	height:50px;
	margin:0 0 10px;
	padding:0;
}
.cf:after{
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:"";
}
.bnr_rec p{
	margin-top:5px;
}
.bnr_rec a:link, .bnr_rec a:visited{
	color:#0099FF;
	text-decoration:none;
}
.bnr_rec a:hover, .bnr_rec a:active{
	color:#0099FF;
	text-decoration:underline;
}



.cnpage {}
.cnpage .clearFix				{ clear:both; height:0; font-size:0; }
.cnpage .mB5		{ margin-bottom:5px; }

.cnpage .sct01					{ background:url(../images/bg_sct01.gif); margin:8px 0 0; padding:5px; }
.cnpage .sct01 .sct01In	{ width:670px; margin:0; padding:0; background:#FFF; }
.cnpage .sct01 .tp			{ margin:0; padding:0; height:59px; background:url(../images/bg_sct01_tp.gif) 0 0 no-repeat; }
.cnpage .sct01 .tp p		{ padding:20px 0 0 50px; font-size:18px; color:#2A3A53; font-weight:bold; }
.cnpage .sct01 .btm			{ width:610px; margin:0 10px 0 50px; padding:10px 0; color:#666; line-height:1.3; }
.cnpage .sct01 .btm .ttl{ margin:0 160px 10px 0; padding:0 0 10px; background:url(../images/br_dotline.gif) 0 100% repeat-x; }
.cnpage .sct01 .btm span			{ font-size:14px; }
.cnpage .sct01 .btm .ing{ width:450px; float:left; font-size:14px; }
.cnpage .sct01 .btm .ed	{ width:138px; float:right; }

.cnpage .sct02					{ margin:20px 0 0; padding:0; }
.cnpage .sct02 .tp			{ margin:0; padding:16px 0 14px 60px; background:url(../images/bx_sct02_tp.gif) 0 0 no-repeat; }
.cnpage .sct02 .btm			{ width:680px; margin:0; padding:20px 0; background:url(../images/bx_sct02_btm.gif) 0 100% no-repeat; }
.cnpage .sct02 .btm .ing{ width:480px; float:left; }
.cnpage .sct02 .btm .ing p				{ margin:0 20px; font-size:14px; }
.cnpage .sct02 .btm .ed	{ width:200px; float:right; }
.cnpage .sct02 .btm .ed img				{ margin:0 12px 0 0; }

.cnpage .pagetop				{ margin:20px 0; text-align:right; font-size:12px; }
.cnpage .pagetop img		{ vertical-align:middle; margin:0 3px 0 0; }
.cnpage .pagetop a:link,
.cnpage .pagetop a:visited{ color:#0D2971; text-decoration:none; }
.cnpage .pagetop a:hover{ color:#0D2971; text-decoration:underline; }