@charset "utf-8";

/* common
================================================== */


/* link */
a{
	outline:none;
}
a:link {
	text-decoration: underline;
	color: #C3887D;
	background-color: transparent;
}
a:visited {
	text-decoration: underline;
	color: #B77F75;
	background-color: transparent;
}
a:hover {
	text-decoration: none;
	color: #B77F75;
	background-color: transparent;
}
a:active {
	text-decoration: none;
	color: #0751A5;
	background-color: transparent;
}


a.alpha:link,a.alpha:visited{}
a.alpha:hover,a.alpha:active{ filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;behavior: url(PIE.htc);}
em{
	visibility: hidden;
	font-size: xx-small;
}

/* float解除 */
.clear{
	clear:both;
}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.floatL{ text-align:left; float:left;}
.floatR{ text-align:right; float:right;}
.ct{ text-align:center;}


.left{
	float: left;
	width: 65%;
}
.right{
	float: right;
	width: 34%;
}

.tright {text-align:right;}


p.hr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}

/* margin */
.mgt5{ margin-top:5px !important;}
.mgt6{ margin-top:6px !important;}
.mgt10{ margin-top:10px !important;}
.mgt11{ margin-top:11px !important;}
.mgt15{ margin-top:15px !important;}
.mgt20{ margin-top:20px !important;}
.mgt25{ margin-top:25px !important;}
.mgt30{ margin-top:30px !important;}
.mgt35{ margin-top:35px !important;}
.mgt40{ margin-top:40px !important;}
.mgt45{ margin-top:45px !important;}
.mgt50{ margin-top:50px !important;}

.mgb5 { margin-bottom:5px !important;}
.mgb10 { margin-bottom:10px !important;}
.mgb15 { margin-bottom:15px !important;}
.mgb20 { margin-bottom:20px !important;}
.mgb30 { margin-bottom:30px !important;}
.mgb40 { margin-bottom:40px !important;}
.mgb50 { margin-bottom:50px !important;}
.mgb60 { margin-bottom:60px !important;}
.mgb70 { margin-bottom:70px !important;}


/* font */
.small{ font-size:10px !important; line-height:14px;}
.large{ font-size:18px !important; line-height:24px;}
.caption{ font-size:10px; color:#999;}

.txtL{ text-align:left !important;}
.txtR{ text-align:right !important;}
.red{ color:#e60012;}
.blueB{
	color: #504F99;
	font-weight: bold;
}

/* position */
.vertical-top{ vertical-align:top;}




/* body設定
================================================== */
body{
    margin:0px;
    padding:0px;
	padding-bottom:10px;
	color:#666;
	font-size:10pt;
	line-height:1.4em;
}

/* ヘッダー
================================================== */
#head{ width:100%; border-top:2px solid #ceced8;}
#headContainer{ width:840px; height:58px; margin:0 auto; position:relative;}
#headContainer h1{
	width:180px;
	height:58px;
	position:absolute;
	left:0;
	top:0;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: xx-small;
	background-color: transparent;
}

#headContainer h1 a{
	width:180px;
	height:58px;
	text-decoration: none;
	display: block;
	background-color: transparent;
}
#headContainer p{ width:140px; position:absolute; right:0; bottom:0;}


/* navi
================================================== */

#navi{ width:100%; height:30px; background:url(../img/navi_bg.gif) repeat-x; overflow:hidden;}
#navi ul{ width:840px; margin:0 auto;}
#navi ul li{ float:left;}




/* containter
================================================== */
#containter{ width:840px; margin:0 auto;}


/* .second_container
================================================== */
.second_container{ padding-top:15px; padding-bottom:30px;}
.pankuzu{ text-align:right; font-size:10px; line-height:1.5em; color:#999; margin-bottom:5px;}
.pankuzu a:link , .pankuzu a:visited{ color:#999; text-decoration:none;}
.pankuzu a:hover , .pankuzu a:active{ color:#999; text-decoration:underline;}


.contents_left{ width:140px; float:left; margin-top:41px;}
.contents_left ul li{ margin-bottom:8px; overflow:hidden; line-height:0;}

.contents_right{ width:651px; float:right;}
.contents_right a:link, .contents_right a:visited{	color:#C3887D;	text-decoration:underline;}
.contents_right a:hover, .contents_right a:active{ 	color:#C3887D;	text-decoration:none;}





/* ftr
================================================== */
#ftr{ width:100%; margin-top:13px; border-top:2px solid #ceced8;}
#ftrContainer{ width:840px; margin:0 auto;}
#ftrContainer .ftr_logo{ text-align:right;}