@charset "Shift_JIS";

/*============================================================
//
//  目次---------------------
//  ・
//  　・ヘッダー
//  　・ナビゲーション
//  　・レイアウト
//  　・フッター
//
//==========================================================*/


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

* {
	margin: 0;
	padding : 0;
}

body {
	text-align: center;
	font-family:MS Gothic,Osaka,Arial,Helvetica,Sans-serif;
	background: url(../images/common/bg.jpg) repeat-x;
	color:#333;
}

#page {
	margin:0 auto;
	width:950px;
	text-align: left;
}

#lay{
	width:950px;
	margin:15px 0 20px 0;
}


.left{
	float:left;
}

.right{
	float:right;
}

img,
a img {
	border : 0;
	text-decoration: none;
}

#main a{ color: #0099FF;text-decoration:none;}
#main a:hover {text-decoration:underline;}

img{vertical-align:bottom;}

.test{	border:1px solid #f00;}

ul,ol{list-style:none;}


.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.checkFt {
 font-size:14px;
 font-weight:bold;
}

/*============================================================
//  ヘッダー
//==========================================================*/
#page #header{
	width:950px;
	height:90px;
	background:url(../images/common/header.jpg) no-repeat;
}

#page #header .logo{
	width:195px;
	height:67px;
	padding:12px 0 0 12px;
	float:left;
}
#page #header .navi{
	float:right;
	width:725px;
	padding:0 6px 0 0 ;
}
#page #header .navi .cont{
	width:725px;
	height:35px;
	padding-top:17px;
}

#page #header .navi .cont h1{
	width:400px;
	font-size:10px;
	color:#000;
	line-height:140%;
	font-weight:normal;
	float:left;
}
#page #header .navi .cont .title{
	width:400px;
	font-size:10px;
	color:#000;
	line-height:140%;
	font-weight:normal;
	float:left;
}

#page #header .navi .cont ul{
	width:310px;
	height:20px;
	float:right;
	padding-top:5px;
}
#page #header .navi .cont ul li{
	background:url(../images/common/icon_arrow2.gif) no-repeat;
	line-height:14px;
	display:inline;
	font-size:12px;
	padding-left:13px;
}
#page #header .navi .cont ul li a{ color:#0099FF; text-decoration:none;}
#page #header .navi .cont ul li a:hover{ color:#0099FF; text-decoration:underline;}


/*============================================================
//  layout
//==========================================================*/
#main{
	float:right;
	width:730px;
}
#sub{
	width:200px;
	float:left;
}
/*============================================================
//  ナビゲーション
//==========================================================*/
#page #header .navi ul#global{
	width:725px;
	height:30px;
}
#page #header .navi ul#global li{
	float:left;
}
/*============================================================
//  パンくずリスト
//==========================================================*/
#page #crumb{
	width:950px;
	padding-top:10px;
	font-size:10px;
 }
#page #crumb a{color:#09A2E3;text-decoration:none;}
#page #crumb a:hover{text-decoration:underline;}

#page #crumb h2{
	font-weight:normal;
	display:inline;
	font-size:10px;
}

/*============================================================
//  メインレイアウト
//==========================================================*/
#lay{}
/*============================================================
//  pagetop
//==========================================================*/
.totop{
	height:19px;
	text-align:right;
	margin-bottom:10px;
}
/*============================================================
//  フッター
//==========================================================*/
#footer{
	width:950px;
	background: url(../images/common/foot_roof.gif) no-repeat left top #F6F9FA;
	padding-top:12px;
	color:#5E6B71;
	margin-bottom:5px;
}
#footer .wrap{
	width:950px;
	margin:0 auto;
	text-align:left;
	background:url(../images/common/foot_btm.jpg) no-repeat left bottom;
	padding-bottom:10px;
}

/*===============*/
#footer .wrap .about{
	padding:0 20px 10px 20px;
}
#footer .wrap .about h4{
	color:#596A73;
	font-weight:bold;
	margin-bottom:5px;
	font-size:12px;
}
#footer .wrap .about p{
	font-size:10px;
	line-height:140%;
}

/*===============*/
#footer .wrap .sitemap{
	padding:10px 20px 15px 0;
	border-top:1px solid #E1E2E3;
}

#footer .wrap .sitemap dl{
	width:165px;
	float:left;
	padding-left:20px;
}

#footer .wrap .sitemap dl dt{
	color:#596A73;
	font-weight:bold;
	padding-bottom:5px;
	font-size:12px;
	background: url(../images/common/border.gif) repeat-x left bottom;
}
#footer .wrap .sitemap dl dd{
	font-size:10px;
	line-height:24px;
	background: url(../images/common/border.gif) repeat-x left bottom;
}

#footer .wrap .sitemap dl dd a{color:#5E6B71; text-decoration:none;}
#footer .wrap .sitemap dl dd a:hover{color: #0099FF; text-decoration:none;}

#footer .wrap .sitemap dl dt a{color:#596A73; text-decoration:none;}
#footer .wrap .sitemap dl dt a:hover{color: #0099FF; text-decoration:none;}

/*===============*/
#footer .wrap .inner {
	border:solid #CCC;
	border-width:0 1px;
}

#footer .wrap .inner .box{
	width:928px;
	padding:0 10px;
	border-top:1px solid #E1E2E3;
}
#footer .wrap .inner .box .copyright{
	float:right;
	text-align:right;
	font-size:10px;
	width:250px;
	line-height:28px;
}
#footer .wrap .inner .box ul{
	width:640px;
	list-style:none;
	float:left;
}
#footer .wrap .inner .box ul li{
	background:url(../images/common/icon_arrow.gif) no-repeat left center;
	padding:0 8px 0 6px;
	font-size:10px;
	display:inline;
	float:left;
	line-height:28px;
}
#footer .wrap .inner .box ul li a{color:#5E6B71; text-decoration:none;}
#footer .wrap .inner .box ul li a:hover{color: #0099FF; text-decoration:none;}



/*===============*/
#footer .wrap .tf{
	width:928px;
	padding:6px 11px 0 11px;
	border-top:1px solid #E1E2E3;
}
#footer .wrap .tf img{ float:left;}
#footer .wrap .tf .boxs{
	width:700px;
	font-size:10px;
	color:#5E6B71;
	float:left;
	padding:5px 0 0 10px;
}
#footer .wrap .tf .boxs li{
	font-size:10px;
	display:inline;
	float:left;
}
#footer .wrap .tf .boxs p{
	padding-top:20px;
	text-align:left;
}
#footer .wrap .tf .boxs p strong{ font-weight:normal;}
#footer .wrap .tf .boxs a{color:#5E6B71; text-decoration:none;}
#footer .wrap .tf .boxs a:hover{color:#0099FF;}


/*============================================================
//  txt banner
//==========================================================*/
.txt_banner{
	width:198px;
	border: solid 1px #C8D4DF;
	margin-bottom:10px;
}
.txt_banner p{
	font-size:10px;
	text-align:center;
	line-height:140%;
	padding:3px 5px 5px 5px;
}

/*============================================================
//  banner
//==========================================================*/

/*===============banner=================*/
#sub .banner{
	margin-bottom:10px;
}

/*===============banner=================*/
.doc{
	font-size:10px;
	line-height:140%;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../images/common/border.gif) repeat-x left bottom;
}
.doc p{width:119px; float:right;}


/*============================================================
// 2010/5/11追加
//==========================================================*/
.blank{
	background:url(../images/common/blank.gif) no-repeat right center;
	padding-right:18px;
	margin-left:10px;
}