@charset "utf-8";

/**
 * @version    1.0.0, 2012-08-02 19:35
 *
 */


/*===================================
 * file name : manual.css
===================================== */

/*-------------------------------------
	
	common

--------------------------------------*/

/*--- manual -----------------*/

#mainContents > section {
	padding:0 0 0 0;
	color:#333333;
}


/*--- ttl -----------------*/

#mainContents > section > h1 {
	padding:0 0 20px 0;
}


/*--- step -----------------*/

#mainContents > section > h1 + ul{
	padding:0 0 0 0;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section > h1 + ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section > h1 + ul li{
	float:left;
}


/*---manualSubMenu-----------------*/


#mainContents > section .manualSubMenu{
	padding:0 0 30px 0;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section .manualSubMenu:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section .manualSubMenu ul{
	float:left;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section .manualSubMenu ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section .manualSubMenu ul li.linkGlossary{
	margin:0 0 0 10px;
	padding:6px 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_glossary_orange.png) no-repeat center left;
	float:left;
	width:65px;
	min-height:24px;
}

#mainContents > section .manualSubMenu ul li.linkFaq{
	margin:0 0 0 10px;
	padding:6px 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_faq_orange.png) no-repeat center left;
	float:left;
	width:120px;
	min-height:24px;
}

#mainContents > section .manualSubMenu ul li.linkGlossary a{
	padding:0 0 0 26px;
	min-height:24px;
	font-size:85%;
}

#mainContents > section .manualSubMenu ul li.linkFaq a{
	padding:0 0 0 26px;
	min-height:24px;
	font-size:85%;
}

#mainContents > section .manualSubMenu p{
	padding:6px 0 0 0;
	float:right;
	font-size:0.1em;
}


/*---contentTitleArea-----------------*/

#mainContents > section > section .contentTitleArea{
	margin:0 0 19px 0;
	padding:8px 3px 6px 14px;
	background-color:#E4EAF5;
	border-top:#D7E0F1 solid 1px;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section > section .contentTitleArea:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section > section .contentTitleArea h3{
	float:left;	
	font-size:108%;
	font-weight:bold;
	color:#103F77;
}

#mainContents > section > section .contentTitleArea .contentShareArea{
	float:right;
}


/*---contentDescription-----------------*/

#mainContents > section > section .contentDescription{
	margin:0 0 24px 0;
	padding:15px 20px;
	border:#D8DEEA solid 1px;
	/*font-size:93%;*/
	font-size: 105%;
	color:#666666;
}

#mainContents > section > section .description > p{
	padding:15px 20px;
	border:#D8DEEA solid 1px;
}


/*---manualHelpCenter-----------------*/

#mainContents section.manualHelpCenter{
	padding:0 5px 55px 5px;
}

#mainContents section.manualHelpCenter h4{
	padding:0 0 6px 0;
	border-bottom:#D8DEEA solid 1px;
	font-size:0;
}

#mainContents section.manualHelpCenter h4 + ul{
	padding:5px 0 0 10px;
}

#mainContents section.manualHelpCenter h4 + ul li{
	margin:3px 0 0 18px;
	padding:0 0 0 0px;
	list-style-image:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circle_blue.png);
	/*font-size:93%;*/
	font-size:105%;
}

/*---column-----------------*/

#mainContents aside.manualColumn{
	padding:0 0 35px 0;
	
}

#mainContents aside.manualColumn > div{
	padding:0 0 10px 0;
	border:#D8DEEA solid 1px;
}

#mainContents aside.manualColumn > div > h4{
	padding:9px 0 8px 9px;
	background-color:#F1F5FA;
}

#mainContents aside.manualColumn > div > h5{
	padding:15px 10px 0 10px;
	/*font-size:93%;*/
	font-size:105%;
	font-weight:bold;
	color:#385292;
}

#mainContents aside.manualColumn > div > p{
	padding:10px 10px 0 10px;
	/*font-size:93%;*/
	font-size:105%;
}

#mainContents aside.manualColumn > div > figure{
	margin:10px 0 0 0;
	text-align:center;
}


/*--contentFooterMenu------------------*/

#mainContents > section > section.contentFooterMenu{
	margin:0;
	padding:0 0 5px 0;
	
}

#mainContents > section > section.contentFooterMenu h4{
	padding:0 0 5px 3px;
	float:left;
}

#mainContents > section > section.contentFooterMenu .manualIndexPageBottom{
	padding:7px 0 0 0;
	float:right;
	width:109px;
}

#mainContents > section > section.contentFooterMenu div{
	padding:20px 25px 20px 25px;
	background-color:#F2F2F2;
	border:#EEEEEE solid 1px;
	clear:both;
}

#mainContents > section > section.contentFooterMenu div ul{
	margin:3px 0 0 0;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section > section.contentFooterMenu div ul:first-child{
	margin:0;
}

#mainContents > section > section.contentFooterMenu div ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section > section.contentFooterMenu div ul li{
	padding:0 0 0 12px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circlearrow_darkblue.png) no-repeat center left;
	float:left;
	width:273px;
	/*font-size:93%;*/
	font-size:105%;
}

#mainContents > section > section.contentFooterMenu div ul li.currentMenu{
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circle_arrow_gray.png) no-repeat center left;
}

#mainContents > section > section.contentFooterMenu div ul li a{
	
}






/* ↓delete↓ */
/*-------------------------------------
	
	register

--------------------------------------*/

#mainContents > section > section.register > section{
	padding:0 0 35px 0;
}

#mainContents > section > section.register > section dl{
	margin:0 0 8px 0;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section > section.register > section dl:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section > section.register > section dl dt{
	float:left;
	width:23px;
	/*font-size:93%;*/
	font-size:105%;
	font-weight:bold;
}

#mainContents > section > section.register > section dl dd{
	float:left;
	width:617px;
	/*font-size:93%*/
	font-size:105%;
}

#mainContents > section > section.register > section figure img{
	padding:1px;
	border:#D8DEEA solid 1px;
}


/*-------------------------------------
	
	profile,findfriend,contactfriend,function,pages,mobile

--------------------------------------*/

#mainContents > section > section.profile > section,
#mainContents > section > section.findfriend > section,
#mainContents > section > section.contactfriend > section,
#mainContents > section > section.function > section,
#mainContents > section > section.pages > section,
#mainContents > section > section.mobile > section{
	
}

#mainContents > section > section.profile > section dl,
#mainContents > section > section.findfriend > section dl,
#mainContents > section > section.contactfriend > section dl,
#mainContents > section > section.function > section dl,
#mainContents > section > section.pages > section dl,
#mainContents > section > section.mobile > section dl{
	margin:0 0 8px 0;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section > section.profile > section dl:after,
#mainContents > section > section.findfriend > section dl:after,
#mainContents > section > section.contactfriend > section dl:after,
#mainContents > section > section.function > section dl:after,
#mainContents > section > section.pages > section dl:after,
#mainContents > section > section.mobile > section dl:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section > section.profile > section dl dt,
#mainContents > section > section.findfriend > section dl dt,
#mainContents > section > section.contactfriend > section dl dt,
#mainContents > section > section.function > section dl dt,
#mainContents > section > section.pages > section dl dt,
#mainContents > section > section.mobile > section dl dt{
	float:left;
	width:23px;
	/*font-size:93%;*/
	font-size: 105%;
	font-weight:bold;
}

#mainContents > section > section.profile > section dl dd,
#mainContents > section > section.findfriend > section dl dd,
#mainContents > section > section.contactfriend > section dl dd,
#mainContents > section > section.function > section dl dd,
#mainContents > section > section.pages > section dl dd,
#mainContents > section > section.mobile > section dl dd{
	float:left;
	width:617px;
	/*font-size:93%;*/
	font-size: 105%;
}

#mainContents > section > section.profile > section figure img,
#mainContents > section > section.findfriend > section figure img,
#mainContents > section > section.contactfriend > section figure img,
#mainContents > section > section.function > section figure img,
#mainContents > section > section.pages > section figure img,
#mainContents > section > section.mobile > section figure img{
	padding:1px;
	border:#D8DEEA solid 1px;
}
/* ↑delete↑ */
/* added 2012-05-17 */
#mainContents > section > section.manual > section{
	padding:0 0 35px 0;
}
#mainContents > section > section.manual > section dl{
	margin:0 0 8px 0;
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}
#mainContents > section > section.manual > section dl:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}
#mainContents > section > section.manual > section dl dt{
	float:left;
	width:23px;
	font-size:105%;
	font-weight:bold;
}
#mainContents > section > section.manual > section dl dd{
	float:left;
	width:617px;
	font-size:105%;
}
#mainContents > section > section.manual > section figure img{
	padding:1px;
	border:#D8DEEA solid 1px;
}
/* end of added 2012-05-17 */
#mainContents section.bottomPad {
	padding:0 0 35px 0;
}

#mainContents section.topPad {
	padding:35px 0 0 0;
}

/*-------------------------------------
	
	pages(about.html)

--------------------------------------*/

#mainContents > section > section.pages > section:nth-child(3) {
	padding:0 0 35px 0;
}
#mainContents > section > section.pages > section:nth-child(4) {
	padding:0 0 35px 0;
}
#mainContents > section > section.pages > section:nth-child(5) {
	padding:0 0 3px 0;
}
#mainContents > section > section.pages > section:nth-child(6) {
	padding:0 0 3px 0;
}
#mainContents > section > section.pages > section:nth-child(8) {
	padding:0 0 35px 0;
}





/*-------------------------------------
	
	index(index.html)

--------------------------------------*/

#mainContents > section#index > div {
	padding:0 0 20px 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/title/title_base_bg.jpg) no-repeat top left;
	width:640px;
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > div:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > div > h1{
	padding:12px 0 12px 15px;
	float:left;
	font-size:0;
}

#mainContents > section#index > div > div{
	padding:8px 0 0 0;
	float:right;
}




#mainContents > section#index > div + ul{
	padding:0 0 0 0;
	text-align:right;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > div + ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > div + ul li{
	float:left;
	
}



#mainContents > section#index > ul + ul{
	padding:0 0 17px 0;
	width:630px;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > ul + ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > ul + ul li.linkGlossary{
	margin:0 0 0 10px;
	padding:3px 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_glossary_orange.png) no-repeat center left;
	float:left;
	width:65px;
	min-height:24px;
	/*display:inline;*/
}

#mainContents > section#index > ul + ul li.linkFaq{
	margin:0 0 0 10px;
	padding:3px 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_faq_orange.png) no-repeat center left;
	float:left;
	width:120px;
	min-height:24px;
	/*display:inline;*/
}

#mainContents > section#index > ul + ul li.linkGlossary a{
	padding:3px 0 0 26px;
	min-height:24px;
	display:block;
	font-size:85%;
}

#mainContents > section#index > ul + ul li.linkFaq a{
	padding:3px 0 0 26px;
	min-height:24px;
	display:block;
	font-size:85%;
}

/*--------------------*/

#mainContents > section#index > section{
	padding:0 0 50px 0;
}

#mainContents > section#index > section h3{
	padding:0 0 8px 0;
}

#mainContents > section#index > section p{
	padding:0 0 30px 0;
	/*font-size:93%;*/
	font-size: 105%;
}

/**/

#mainContents > section#index > section ul{
	padding:0 30px 0 30px;
	
	/*clearfix*/
	?zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > section ul li{
	margin:0 10px 4px 0;
	width:280px;
	float:left;
}

#mainContents > section#index > section ul li a{
	padding:0 0 0 13px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circlearrow_darkblue.png) no-repeat center left;
	/*font-size:93%;*/
	font-size:105%;
}

/**/

#mainContents > section#index > section section.chips{
	margin:25px 20px 0 20px;
	padding:8px 10px 14px 10px;
	background-color:#EBEEF5;
	border:#D8DEEA solid 1px;
}

#mainContents > section#index > section section.chips h4{
	padding:0 0 5px 0;
	border-bottom:#D8DEEA solid 1px;
	font-weight:bold;
	/*font-size:93%;*/
	font-size:105%;
}

#mainContents > section#index > section section.chips p{
	margin:5px 0 0 0;
	padding:0;
}

#mainContents > section#index > section section.chips p.chipsLink{
	text-align:left;
}

#mainContents > section#index > section section.chips p.chipsLink a{
	padding:0 0 0 13px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circlearrow_darkblue.png) no-repeat center left;
}