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



�@ƒ^ƒbƒNŠ”Ž®‰ïŽÐ�@Layout�{”Ä—pƒXƒ^ƒCƒ‹ƒV�[ƒg



�@Last Update : 2013/06/13�@�@



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



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

�@”Ä—p

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

html {

	overflow-x:hidden;

}



body {

	margin:0;

	padding:0;

	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;

	color:#333333;

	font-size:81%;

	text-align:center;

	line-height:1.75em;

	letter-spacing:0.03em;

	overflow-x:hidden;

	min-width:980px;

}



img {

	border:0;

	margin:0;

}



strong {

	font-weight:bold;

}



li img {

	vertical-align:top;

}



address {

	font-style:normal;

	padding:0 0 5px 0;

}



a:link,

a:visited {

	color:#0066CC;

	text-decoration:underline;

}



a:hover,

a:active {

	color:#CC0000;

	text-decoration:underline;

}



.ro_action a:hover IMG {

	opacity:0.7;

	filter: alpha(opacity=70);/*ie*/

}



.clearfix:after	{

	height:0px;

	visibility:hidden;

	content: ".";

	display:block;

	clear:both;

}



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

�@Layout

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

#container {

	width:100%;

	text-align:center;

	background:url(../images/common/bg_body.gif) repeat-x left 60px;

}



#container2 {

	width:100%;

	text-align:center;

	background:url(../images/common/bg_body2.gif) repeat-x left 60px;

}





#header {

	width:100%;

}



#headerInner {

	width:940px;

	margin:0 auto;

	text-align:left;

}



#footer {

	width:100%;

	clear:both;

	padding:15px 0 25px 0;

	background:url(../images/common/bg_footer.gif) repeat-x;

}



#footerInner {

	width:940px;

	margin:0 auto;

	text-align:left;

}



#pageBody {

	width:940px;

	margin:0 auto;

	text-align:left;

	clear:both;

}



#contents {

	width:680px;

	float:right;

}



#leftSide {

	width:190px;

	float:left;

}





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

�@Header Area

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

#header #sitetext {

	padding:3px 0 0 0;

	font-size:85%;

	color:#999999;

	height:18px;

	line-height:1.2em;

}



#header #logo {

	width:304px;

	height:39px;

	float:left;

}



#header ul#headerNavi {

	margin:0;

	padding:0;

}



#header ul#headerNavi li {

	float:right;

	margin-left:18px;

	background-color:#000000;

}



#header ul#globalNavi {

	width:940px;

	height:45px;

	clear:both;

}



#header ul#globalNavi li {

	float:left;

}



#header #category {

	padding-bottom:20px;

}



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

�@Footer Area

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

#footer #copyright {

	text-align:right;

}



#footer ul#footerNavi {

	width:400px;

	float:left;

	border:1px #a0a0a0;

	border-left-style:solid;

	font-size:85%;

	line-height:1.2em;

}



#footer ul#footerNavi li {

	float:left;

	border:1px #a0a0a0;

	border-right-style:solid;

	padding:0 10px;

}



#footer ul#footerNavi li a {

	color:#333333;

	text-decoration:none;

}



#footer ul#footerNavi li a:hover {

	text-decoration:underline;

}



#returnTop {

	text-align:right;

	clear:both;

	padding:30px 0 15px 0;

}

	

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

�@Left Side

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

#leftSide #sideNavi {

	width:166px;

	border:1px #dbdbdb solid;

	padding:0 11px 10px 11px;

}



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

�@Contents Area

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

#contents ul#breadCrumb {

	width:680px;

	font-size:85%;

	line-height:1.2em;

	padding-bottom:32px;

}



#contents ul#breadCrumb li {

	float:left;

}



#contents ul#breadCrumb li a {

	color:#0066CC;

	text-decoration:underline;

	display:inline-block;

	background:url(../images/common/breadcrumb.gif) no-repeat right center;

	padding:0 17px 0 0;

}



#contents ul#breadCrumb li a:hover {

	color:#000066;

}



#contents h1#pageTitle {

	clear:both;

	font-size:154%;

	font-weight:bold;

	border:2px #d2d7de;

	border-bottom-style:solid;

	padding:0 0 20px 0;

	margin-bottom:23px;

}



h1#category {

	width:940px;

	clear:both;

	margin-bottom:50px;

}	



#contents h1#pageTitle2 {

	clear:both;

	font-size:154%;

	font-weight:bold;

	border:2px #d2d7de;

	border-bottom-style:solid;

	padding:0 0 20px 0;

	margin-bottom:40px;

}





h2.subtitle {

	font-size:115%;

	font-weight:bold;

	border:1px #dbdbdb;

	border-style:solid solid solid none;

	background:url(../images/common/bg_subtitle.gif) repeat-y;

	padding:5px 10px 5px 17px;

	margin-bottom:15px;
	
}


h2.ttl_purple {

	background:url(../images/common/bg_subtitle02.gif) repeat-y;
	
}


h2.ttl_orange {

	background:url(../images/common/bg_subtitle03.gif) repeat-y;
	
}


h3.thirdTitle {

	font-weight:bold;

}



#contents p.commontext1 {

	padding:0 0 20px 0;

}



.wrap1 {

	width:680px;

	clear:both;

	margin-bottom:35px;

}



.wrap2 {

	width:680px;

	clear:both;

	margin-bottom:50px;

}



.wrap_wide1 {

	width:860px;

	clear:both;

	padding:0 40px;

	margin-bottom:50px;

}