@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------
	beginners
----------------------------------------------------*/

#main div.check{
	width:600px;
	margin:10px auto 30px 10px;
	padding:10px 10px 5px;
	background:#FFF1F0;
	font-size:12px;
	border-radius:5px;
	letter-spacing:0.15em;
}

.check dt{
	margin-bottom:5px;
	color:#FF4C39;
	font-weight:bold;
}


/*----------------------------------------------------
	price
----------------------------------------------------*/


/*payment*/

.payment h3{
	margin-bottom:5px;
	padding-left:23px;
	background:url(../../img/front/icon_check04.gif) 0 3px no-repeat;
	font-weight:bold;
}

/*way01*/

.payment .way01 ul{
	margin:0 0 20px 0;
	padding:0;
	width:630px;
	overflow:hidden;
}

.payment .way01 ul li{
	width:200px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

.way01 dl{
	width:360px;
	float:left;
}

#main .way01 div{
	clear:none;
	width:260px;
	margin:22px 0 0 0;
	padding:0;
	float:right;
}

#main .way01 dl ul{
	width:310px;
	margin:5px 0 0 10px;
	padding:0;
	background:none;
}

#main .way01 dl ul li{
		width:auto;
		margin:0 10px 0 0 ;
		padding:0;
		background:none;
}


/*payway*/

#main table.payway {
	width:620px;
	padding:0;
	margin:0 auto 40px;
	border-left:1px solid #F9D003;
	border-top:1px solid #F9D003;
}

#main .payway th,
#main .payway td{
	border-right:1px solid #F9D003;
	border-bottom:1px solid #F9D003;
}

#main .payway th{
	width:470px;
	margin:0 0 0 0 ;
	padding:7px 10px;
}

.payway th{
	padding:6px 10px 2px 10px;
	margin:0;
	background:#F9D003;
	font-weight:bold;
}

.payway td{
	margin:0;
	padding:14px 0px  15px 0;
	background:#FFF9E8;
}

.payway td span{
	display:block;
	background:url(../../img/front/icon_check_s.gif) 0 3px no-repeat;
	font-size:11px;
	margin:-5px 0 10px 10px;
	padding-left:12px;
	letter-spacing:0;
}

#main .payway td.pw_img{
	margin:0;
	padding:20px 0 0 0;
	background:#FFFFFF;
	vertical-align:middle;
}

#main .payway td.pw_img ul{
	padding:0;
	width:129px;
	margin:0;
}

#main .payway li{	
	margin:0 10px 10px 10px;
	padding:0;
}

#main .payway.link_help a{
	display:block;
	margin:5px 0 0 10px;
}


/*support*/



#main dl.list02 dd p{
	margin-left:0px;
}

/*----------------------------------------------------
	guideline
----------------------------------------------------*/


#main ol.guideline{
	margin:0 auto;
	padding:0;
	width:640px;
}

ol.guideline li{
	margin:0;
	padding:0;
}

#main ol.guideline ul,
#main ol.guideline ol,
#main ol.guideline p{
	width:610px;
	margin:0 auto;
}

ol.guideline li p{
	margin-bottom:10px;
}

ol.guideline li p{
	font-weight:normal;
}

ol.guideline ol li{
	list-style:decimal;
	padding-left:0px;
	margin:0 0 5px 25px;
}

ol.guideline ol li ul{
	margin-left:0;
	padding-left:0;
}

ol.guideline ol li ul li{
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	width:600px;
}

ol.guideline dl,
ol.guideline ul li{
	margin-top:5px;
}

#main ol.guideline dl{
	margin-left:15px;
}

ol.guideline dd{
	margin-left:1.7em;
}



/*----------------------------------------------------
	policy
----------------------------------------------------*/

.policy p	{
	width:620px;
}

.policy ul.komeBs{
	margin-right:10px;
}

/*----------------------------------------------------
	sitemap
----------------------------------------------------*/

#main.sitemap h2{
	margin-bottom:5px;
	padding:3px 0 3px 18px ;
	background:url(../../img/front/naviLink_icon01.gif) 0 6px no-repeat ;
}

.sitemap h2 a{
	color:#444444;
}

.sitemap h2 a:hover{
	color:#0000FF;
	text-decoration:underline;
}

* html .sitemap h2 a:visited{
	color:#444444;
}

#main.sitemap .link_04{
	margin:0 0 25px 30px;
}

#main.sitemap .link_03{
	margin-top:30px;
}


/*----------------------------------------------------
	link
----------------------------------------------------*/

p.list_bottom{
	margin-top:-15px;
	font-size:84%;
}

/*----------------------------------------------------
	faq
----------------------------------------------------*/
#main.faq .searchArea.detail_05{
	margin:20px auto 30px;
}


#main .lineleft p{
	margin-left:0;
}

#main .lineleft ol{
	margin-left:10px;
}

#main .lineleft ol li{
	margin-bottom:3px;
}


#main.faq .subBox{
	padding-bottom:0;
}

/*----------------------------------------------------
	achievementList
----------------------------------------------------*/

ul#achievementList{
	overflow:hidden;
	margin-bottom:0;
}

ul#achievementList li{
	margin:0;
	width:124px;
	float:left;
}

div#achievementList2{
	margin:0 10px 40px;
}

/*topVoice*/

#main h2.topVoice{
	background:url(../../img/front/voice/mainTitle_voice.png);
	width:640px;
	height:40px;
	text-indent:-9999px;
}

a.newinfo_btn {
	display:block;
	margin:-50px 17px 0 0 ;
	float:right;
	width:105px;
}

#main ul#topVoice{
	width:630px;
	margin: 0 20px 30px 0;
	padding:0;
	overflow:hidden;
}

#main ul#topVoice li{
	display:block;
	width:291px;
	float:left;
	margin: 0 0 10px 10px;
	padding:5px 5px 0 5px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	background:#F7F7F7;
	color:#444444;
	cursor:pointer;
}

#main ul#topVoice li:hover{
	text-decoration:none;
	background:#FFF9E8;
	border:1px solid #FFE164;
}

#main ul#topVoice dl{
	width:180px;
	float:right;
}

#main ul#topVoice dt{
	margin:2px 0 10px 0;
	padding-left:5px;
	font-weight:bold;
	border-left:5px solid #FF9F00;
}

#main ul#topVoice dd{
	line-height:1.2;
	padding-left:8px;
}

#main ul#topVoice img{
	border:1px solid #FFFFFF;
	margin:0;
	padding:0 0 5px 0;
	display:block;
	float:left;
	width:98px;
}

#main ul#topVoice dd span{
	font-size:11px;
	line-height:1.1;
}


/*----------------------------------------------------
	graph
----------------------------------------------------*/

#main .graph {
	width:620px;
	margin:30px 0 30px 10px ;
}

#main .graph th,
#main .graph td{
	border-bottom:10px solid #FFFFFF;
}

.graph th{
	text-align:center;
	width:4em;
}

.graph td{
	background: #76E7FF; /* Old browsers */
	background: -moz-linear-gradient(left,  #84eaff 0%, #44ddff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#84eaff), color-stop(100%,#44ddff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #84eaff 0%,#44ddff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #84eaff 0%,#44ddff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #84eaff 0%,#44ddff 100%); /* IE10+ */
	background: linear-gradient(to right,  #84eaff 0%,#44ddff 100%); /* W3C */
}

.graph td span{
	padding:2px 10px;
	float:right;
	display:block;
	background:#FFFFFF;
}

.graph .gC th{
	color:#FF3333;
	font-size:16px;
}

.graph .gC td{
	background: #FF6655; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff9084 0%, #ff4422 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff9084), color-stop(100%,#ff4422)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ff9084 0%,#ff4422 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ff9084 0%,#ff4422 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ff9084 0%,#ff4422 100%); /* IE10+ */
	background: linear-gradient(to right,  #ff9084 0%,#ff4422 100%); /* W3C */
	color:#FF3333;
	font-weight:bold;
	font-size:19px;
}
	
.graph .gC span{
	width:100px;
	padding:0 0 0 10px;
}

.graph .gB{
	width:400px;
}

.graph .gA{
	width:430px;
}

.graph .gP{
	width:470px;
}

.graph .gW{
	width:500px;
}

.graph .gH{
	width:505px;
}

.graph .gS{
	width:515px;
}

.graph_logo{
	position:absolute;
	margin-top:-250px;
	margin-left:300px;
}


/*----------------------------------------------------
 hikaku
----------------------------------------------------*/

.hikaku .komeBs li{
margin-bottom:10px;
	background:url(../../img/front/komeBs.png) left 6px no-repeat;
	
}

.hikaku .link_help a{
	margin-top:3px;
}

/*----------------------------------------------------
spec
----------------------------------------------------*/


#main.spec .listTable th{
	padding:12px 10px;
}

#main.spec .listTable td{
	padding:12px 10px 0;
} 

#main.spec .listTable ol,
#main.spec .listTable ul{
	margin-bottom:12px;
}

/*----------------------------------------------------
	case 2013/04/10追加
----------------------------------------------------*/

#main #case_MediaList{
	margin:0 10px 40px;
	overflow:hidden;
}

#main #case_MediaList li{
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	float:left;
	width:303px;
	overflow:hidden;
}

#main #case_MediaList li.li02{
	margin-right:0;
}

#main #case_MediaList li dl{
	margin:10px 10px 10px 0;
	float:right;
	width:168px;
}

#main #case_MediaList li dl dt{
	margin:0 0 5px;
	font-weight:bold;
}

#main #case_MediaList li dl dd p{
	margin:0;
}

#main #case_MediaList li dl dd p:first-child{
	margin-bottom:10px;
	font-size:11px;
}

#main #case_MediaList li > a,
#main #case_MediaList li > span{
	margin:10px 0 10px 10px;
	display:inline-block;
}

#main #case_MediaList li dl dt a:after,
#main #case_MediaList li > a:after{
	margin:0;
	content:"";
}

/*end*/