@charset "utf-8";
/* ===================================================================
CSS information
=================================================================== */

/*----------------------------------------------------
	レイアウト
----------------------------------------------------*/

#container{
	padding-bottom:120px;
	}	

#contents article{
	padding:50px 0 0 0;
	}
	

/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/

#contents section a{
	color:#CB2633;
	}
	
#contents section  a:hover{
	text-shadow: 0px 0px 3px rgba(190,88,99,1);
	}	


#container > h2{
	background:url(../bigginer/img/h2-bg.jpg) left top no-repeat;
	}


/*初めての方へ*/

.index #contents article nav{
	width:700px;
	margin:60px auto 0 auto;
	}
	
	
.index #contents article ul li{
	height:180px;
	width:180px;
	background: rgba(0, 0, 0, 0.3);
	border-radius:50%;
	line-height:180px;
	font-size:23px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	float:left;
	text-align:center;
	}
	
.index #contents article nav ul li a{
	color:#fff;
	text-decoration:none;
	height:180px;
	width:180px;
	background-color: rgba(149, 112, 19, 0.9);
	border-radius:50%;
	display:block;
	}
	
.index #contents article nav ul li a:hover{
	background-color: rgba(149, 112, 19, 0.5);
	text-shadow: 0px 0px 2px rgba(149, 112, 19,1);
	}
	
	
.index #contents article nav ul li:first-child{
	background:url(../bigginer/img/bigginer-img-01.jpg) 0 0 no-repeat;
	}
	
.index #contents article nav ul li:nth-child(2){
	background:url(../bigginer/img/bigginer-img-02.jpg) 50% 0 no-repeat;
	margin:0 80px;
	}
	
.index #contents article nav ul li:last-child{
	background:url(../bigginer/img/bigginer-img-03.jpg) 0 0 no-repeat;
	}	
	
	
/*Q&A*/	

.faq #contents article,
.glossary #contents article{
	width:615px;
	float:left;
	}

.faq #contents h3{
	margin-bottom:15px;
	}
	
.faq #contents h4{
	padding:25px 0;
	font-size:1.5em;
	}
	
.faq #contents article > span{
	color:#CB2633;
	}
	
.faq #contents dt{
	border:1px solid #D3A719;
	color:#BD9217;
	line-height:1.2em;
	margin-bottom:20px;
	font-size:125%;
	cursor:pointer;
	display:table;
	width:100%;
	}

.faq #contents dt div{
	background:#D3A719;
	color:#fff;
	width:3em;
	}
	
.faq #contents dt div,
.faq #contents dt span{
	display:table-cell;
	vertical-align:middle;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	}
	
.faq #contents dd{
	line-height:1.8em;
	margin:-5px 0 25px 0;
	}
	

/*用語集*/

.glossary #contents h3{
	margin-bottom:40px;
	}

.glossary #contents section{
	padding-bottom:45px;
	}
	
.glossary #contents section h4{
	font-size:1.5em;
	padding-bottom:10px;
	line-height:1.5em;
	}
	
.glossary #contents section h4 span{
	font-size:77%;
	}
	
.glossary #contents section .accordionbox{
	padding-top:10px;
	}
	
.glossary #contents section .accordion{
	color:#CB2633;
	text-decoration:underline;
	cursor:pointer;
	}
	
.glossary #contents section .accordion:hover{
	text-shadow: 0px 0px 3px rgba(190,88,99,1);
	}
	
.glossary #contents section .accordionbox div{
	margin:10px auto;
	width:80%;
	padding:20px;
	border:1px solid #ccc;
	}

nav#sidenav{
	width:270px;
	float:right;
	margin-top:90px;
	}
	
nav#sidenav ul{
	width:100%;
	}	

nav#sidenav ul li{
	background-color:#DCBA4D;
	line-height:2.9em;
	color:#fff;
	margin-bottom:1px;
	border-bottom:1px solid #DDD5B6;
	border-right:1px solid #D3A719;
	padding-left:35px;
	}
	
nav#sidenav ul li a{
	color:#fff;
	}
	
nav#sidenav ul li a:hover{
	color:#D2A619;
	}	
	
nav#sidenav ul li:hover,
nav#sidenav ul li.carrent{
	background-color:#FCFCFC;
	}