@charset "Shift_JIS";

/* ****************************************************

layout.css

1: layout common setting
2: header
3: footer
4: main
5: sideNav
99: extra

***************************************************** */

/*1: layout common setting
=========================================*/
/* container */


body {
	clear: both;
	font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 color:#333333;
 font-size:85%;
 line-height:1.6;
}



/*2: header
=========================================*/

#headerArea{
	width:1000px;
	margin:0 auto;
}
#headerArea #headerInner{
	padding:30px 0 40px;
}
#headerArea #headerInner .col1{
	float:left;
	width:344px;
	padding-top:4px;
}
#headerArea #headerInner .col2{
	float:left;
	width:446px;
	padding-top:7px;
	position:relative;
}
#headerArea #headerInner .col3{
	float:right;
	width:210px;
}





#headerArea #gSubNav {
	position:absolute;
	right:30px;
}
#headerArea #gSubNav li {
	float:left;
	margin-left:34px;
}
#headerArea #gSubNav li a {
	color:#333333;
	font-size:94%;
	font-size:90%;
	text-decoration:none;
}
#headerArea #gSubNav li a:hover {
	text-decoration:underline;
}
.searchText input[type="text"]{
	min-width:163px;
	min-height:18px;
	vertical-align:top;
	padding:5px;
	border: 1px solid #A5ACB2;
	
}
@-moz-document url-prefix() {
	.searchText input[type="text"] {
	border: 1px solid #a5acb2;
	height: 18px;
	max-width: 170px;
	min-width: 160px;
	padding: 5px;
	vertical-align: top;
	}
}

.searchText input[type="image"]{
	vertical-align:top;
	margin-left:-4px;
}
@-moz-document url-prefix() {
	.searchText input[type="image"]{ 
		float:right;
	}
}


#headerArea #gnav {
	height:50px;
}
#headerArea #gnav li {
	float:left;
}



/*3: footer
=========================================*/

#footerButtonAreaWrap{
	width:100%;
	background:url(../images/footer_bg001.gif) repeat-x 0 100%;
	min-height:36px;
}
.footerButtonArea{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.footerButtonArea .pagetop {
	position:absolute;
	bottom:5px;
	right:0;
}


#footerNavAreaWrap{
	width:100%;
	background:url(../images/footer_bg002.gif) repeat-x 0 100%;
}
#footerNavArea{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:34px 0 48px;
}
#footerNavArea .searchText{
	margin-top:24px;
	margin-left:14px;
}
#footerNavArea .column {
	float:left;
	width:240px;
	margin-right:10px;
}
#footerNavArea .column.last {
	width:250px;
	margin-right:0;
}
#footerNavArea .column li {
	margin-bottom:8px;
}
#footerNavArea .column li ul {
	margin-top:11px;
}
#footerNavArea .column li a {
	color:#333;
	font-weight:bold;
	background:url(../images/com_ic021.gif) no-repeat 0 6px;
	padding-left:15px;
	text-decoration:none;
	display:inline-block;
}
#footerNavArea .column li li a {
	font-weight:normal;
	background:url(../images/com_ic022.gif) no-repeat 0 10px;
	padding-left:16px;
	font-size:90%;
}
#footerNavArea .column li a:hover,
#footerNavArea .column li li a:hover {
	text-decoration:underline;
}
#footerNavArea .searchText input[type="text"]{
	min-width:196px;
}



#footerNavArea2{
	width:1000px;
	margin:0 auto;
	position:relative;
	padding:38px 0 48px;
}
#footerNavArea2 ul {
	width:600px;
}
#footerNavArea2 li {
	float:left;
	margin-right:35px;
	margin-bottom:10px;
}
#footerNavArea2 li a {
	color:#333;
	background:url(../images/com_ic021.gif) no-repeat 0 6px;
	padding-left:15px;
	text-decoration:none;
	display:inline-block;
}
#footerNavArea2 li a:hover {
	text-decoration:underline;
}
#footerNavArea2 #copyright {
	position:absolute;
	right:0;
	top:43px;
	font-size:85%;
}





/*4: main
=========================================*/

#mainArea{
	width:1000px;
	margin:0 auto;
	padding-bottom:60px;
}

#mainAreaInner{
}

#sidenaviArea{
	float:left;
	width:235px;
	margin-top:50px;
}



/* 第二階層 */
#sidenaviArea ul.sidenavi {
	margin-bottom:21px;
}
#sidenaviArea ul.sidenavi li {
	margin-top:5px;
}
#sidenaviArea ul.sidenavi li span{
	display:inline-block;
	min-width:235px;
	border-bottom:#b3b3b3 1px solid;
}
#sidenaviArea ul.sidenavi li a{
	display:block;
	padding:26px 9px 25px 43px;
	background:url(../images/com_ic003.gif) no-repeat 10px center;
	text-decoration:none;
	font-weight:bold;
	font-size:124%;
	color:#003366;
	border:#dddddd 1px solid;
}
#sidenaviArea ul.sidenavi li a.csr{
	padding:12px 9px 12px 43px;
}
#sidenaviArea ul.sidenavi li span:hover{
	background:#ffefe5;
}
#sidenaviArea ul.sidenavi li a:hover{
	text-decoration:none;
}



/* 第三階層 */
#sidenaviArea ul.sidenavi li li{
	border-bottom:#cccccc 1px solid;
}
#sidenaviArea ul.sidenavi li li span{
	display:inline-block;
	min-width:235px;
	border:none;
}
#sidenaviArea ul.sidenavi li li a{
	display:block;
	padding:13px 9px 13px 44px;
	background:url(../images/com_ic003.gif) no-repeat 11px 15px;
	text-decoration:none;
	font-weight:bold;
	font-size:108%;
	border:none;
	margin-bottom:4px;
}
#sidenaviArea ul.sidenavi li li.current a{
	color:#333333;
	background-color:#ffefe5;
}
#sidenaviArea ul.sidenavi li li a:hover{
	text-decoration:none;
	background-color:#ffefe5;
}
#sidenaviArea ul.sidenavi li li span:hover{
	background:none;
}



/* 第四階層 */
#sidenaviArea ul.sidenavi li li li{
	border:none;
}
#sidenaviArea ul.sidenavi li li li span{
	padding-left:30px;
	display:inline-block;
	min-width:205px;
	border:none;
}
#sidenaviArea ul.sidenavi li li li a{
	color:#003366 !important;
	padding:6px 9px 6px 13px;
	background:none !important;
	font-weight:normal;
	margin-bottom:5px;
}
#sidenaviArea ul.sidenavi li li li a:hover{
	text-decoration:none;
	background-color:#ffefe5 !important;
}
#sidenaviArea ul.sidenavi li li li.current a{
	color:#333333 !important;
	font-weight:bold;
	background-color:#ffefe5 !important;
}
#sidenaviArea ul.sidenavi li li li a.blank{
	display:inline-block;
	padding-right:26px;
	background:url(../images/com_ic002.gif) no-repeat right 2px top 7px !important;
}


/* 第五階層 */
#sidenaviArea ul.sidenavi li li li.current li a{
	color:#003366 !important;
	font-weight:normal;
	padding:6px 9px 6px 27px;
	background:url(../images/com_bg009.gif) no-repeat 0 0 !important;
	font-size:100%;
}
#sidenaviArea ul.sidenavi li li li.current li.current a{
	color:#333333 !important;
	font-weight:bold;
	background:url(../images/com_bg008.gif) no-repeat 0 0 !important;
}
#sidenaviArea ul.sidenavi li li li li a:hover{
	text-decoration:none;
	background:url(../images/com_bg008.gif) no-repeat 0 0 !important;
}


/* sidenavi4 */
#sidenaviArea .sidenavi4 {
	border-bottom:#d9d9d9 1px solid;
	margin-bottom:19px;
}
#sidenaviArea .sidenavi4 a {
	display:block;
	background:url(../images/com_ic003.gif) no-repeat 10px 16px;
	text-decoration:none;
	font-size:124%;
	color:#003366;
	border:#cccccc 1px solid;
	padding:10px 0 0;
}
#sidenaviArea .sidenavi4 a:hover {
	background-color:#ffefe5;
}
#sidenaviArea .sidenavi4 span {
	display:block;
	padding-left:40px;
	margin-bottom:0px;
}
#sidenaviArea .sidenavi4 span.small {
	display:block;
	font-size:70%;
	margin-bottom:8px;
}



/* sidenavi2 */
#sidenaviArea ul.sidenavi2 {
}
#sidenaviArea ul.sidenavi2 li {
	margin-bottom:20px;
}
#sidenaviArea ul.sidenavi2 li span{
	display:inline-block;
	min-width:235px;
	border-bottom:#b3b3b3 1px solid;
}
#sidenaviArea ul.sidenavi2 li a{
	display:block;
	padding:8px 9px 8px 43px;
	background:url(../images/com_ic003.gif) no-repeat 10px center;
	text-decoration:none;
	font-size:124%;
	color:#003366;
	border:#dddddd 1px solid;
}
#sidenaviArea ul.sidenavi2 li span:hover{
	background:#ffefe5;
}
#sidenaviArea ul.sidenavi2 li a:hover{
	text-decoration:none;
}



/* sidenavi3 */
#sidenaviArea ul.sidenavi3 {
}
#sidenaviArea ul.sidenavi3 li {
	margin-bottom:18px;
}
#sidenaviArea ul.sidenavi3 li a{
	display:block;
	padding-left:21px;
	background:url(../images/com_ic003.gif) no-repeat 0 3px;
	text-decoration:none;
	color:#003366;
}
#sidenaviArea ul.sidenavi3 li a:hover{
	text-decoration:underline;
}


#sidenaviArea .sidenavibox {
	border:1px solid #cccccc;
	border-top:none;
	padding:15px 14px;
}








#contentsArea{
	float:right;
	width:720px;
	margin-top:50px;
}

#contentsArea.straight{
	float:none;
	width:1000px;
	margin-top:0px;
}


/*5: topicArea
=========================================*/

#topicAreaInner{
	width:1000px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:7px;
}

#topicArea{
	background:#eeeeee url(../images/com_bg004.gif) repeat-x top;
	width:100%;
}

#topicArea ul li{
	float:left;
}

#topicArea ul li a{
	background:url(../images/com_ic016.gif) no-repeat right 50%;
	padding-right:22px;
	margin-right:15px;
}






/*99: extra
=========================================*/
/* ==================================
clear fix
================================== */
#headerArea #headerInner:after,
#footerNavArea:after,
#footerNavArea2:after,
#gsubnav:after,
#gnav:after,
#mainAreaInner:after,
#topicArea ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}