@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------------
**************************************************
  リセット・ボディ
**************************************************
--------------------------------------------------*/
body{
	font-size: 14px;
	margin: 0;
	padding: 0;
	color:#444444;
	background: url(../imgs/common/bg.gif) repeat-x;
	line-height:1.4;
	font-family: "ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

*{
	margin: 0;
	padding: 0;
	border:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}


html { 
	overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img{
	border: 0;
}

a:hover img{
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85)";
}

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }


/*--------------------------------------------------
**************************************************
  フォントカラー・フォントサイズ
**************************************************
--------------------------------------------------*/
a{ 
	color: #90962A;
	text-decoration: none;
}

a:hover{
	color: #f15b89;
	text-decoration: underline;
}

strong{
	font-size: 120%;
}

.bold{
	font-weight: bold;
}

.small{
	font-size: 70%;
}

.red{
	color: #CC0000;
}

.green{
	color: #3eaf3e;
}

.pink{
	color: #E8539B;
}

.big{
	font-size: 110%;
}
/*--------------------------------------------------
**************************************************
  レイアウト
**************************************************
--------------------------------------------------*/
#container{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#wrapper{
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#left{
	width: 250px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#right{
	width: 690px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

/*ぱんくず*/
#pan{
	width: 690px;
	margin: 15px 0 0 0;
	padding: 0 0 0 20px;
	font-size: 11px;
	background: url(../imgs/common/icon_home.png) no-repeat 0 0;
}

#pan p{
	color: #666;
}

/*--------------------------------------------------
**************************************************
  HEADER
**************************************************
--------------------------------------------------*/
#header{
	width: 920px;
	height: 149px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(../imgs/common/header_bg.png) no-repeat;
}

#header_left{
	float: left;
}


#header_left h1,
#top_commnet{
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #26AFDF;
}

#header_right{
	width: 508px;
	float: right;
}

#header_right ul{
	float: right;
}

#header_right ul li{
	margin: 0;
	padding: 0;
	float: left;
}


#main_pic{
	width: 960px;
	margin: -20px auto 0;
}

/*グローバルナビ*/
#gnavi{
	width: 960px;
	margin: -28px auto 0;
	padding: 0;
	position: relative;
	z-index: 9999;
}

#gnavi li{
	margin: 0;
	padding: 0;
	float: left;
}

#gnavi li a:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100)";
}

/*--------------------------------------------------
**************************************************
  LEFT-BOX
**************************************************
--------------------------------------------------*/
#left_bnr_box{
	margin: 0;
	padding: 0;
}

#left_bnr_box ul li{
	margin: 12px 0 0 0;
	padding: 0;
	width: 250px;
	height: 150px;
}


#left_contact_box{
	width: 250px;
	height: 973px;
	margin: 15px 0 0 0;
	position: relative;
	background: url(../imgs/common/left_contact_bg.jpg) no-repeat;
}

#left_contact_box dl dt{
	position: absolute;
	top: 540px;
	left: 3px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
}

#left_contact_box dl dd{
	position: absolute;
	top: 870px;
	left: 10px;
}

#left_company_box{
	margin: 15px 0 0 0;
	padding: 0;
}

#left_company_box dt{
	text-align: center;
}

#left_company_box dd.company001{
	margin: 10px 0 0 0;
	font-size: 12px;
}

#left_company_box dd.company002{
	margin: 3px 0 0 0;
	padding: 5px;
	font-size: 12px;
	background-color: #EEE;
}
/*--------------------------------------------------
**************************************************
  RIGHT-BOX
**************************************************
--------------------------------------------------*/
.contents_box{
	width: 690px;
	margin: 15px 0 20px 0;
	padding: 0;
}

.contents_box h1,
.contents_box h2{
	width: 650px;
	height: 34px;
	margin: 0;
	padding: 11px 0 0 40px;
	font-size: 18px;
	background: url(../imgs/common/title_bg.png) no-repeat 0 0;
	color: #108CBD;
}

.contents_box02{
	width: 670px;
	margin: 15px auto 0;
}

.contents_box02 p{
	margin: 10px 0 0 0;
}


.contents_box02 .imgs_right{
	float: right;
	margin: 10px 0 0 15px;
}

.text_right{
	text-align: right;
}

.text_center{
	text-align: center;
}

.contact_box{
	width: 690px;
	height: 171px;
	background: url(../imgs/common/contact_bg.png) no-repeat;
	position: relative;
}

.contact_box p{
	position: absolute;
	top: 80px;
	left: 428px;
}
/*--------------------------------------------------
**************************************************
  FOOTER-BOX
**************************************************
--------------------------------------------------*/
#pageup{
	width: 960px;
	margin: 30px auto 0;
	text-align: right;
}

#footer{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0;
	background: url(../imgs/common/footer_bg.gif) repeat;
}

#footer_naka{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
}


#footer_naka ul{
	text-align: center;
}

#footer_naka ul li {
     display: inline;
     line-height: 2.5em;
     margin: 0;
     padding: 0;
     font-size: 12px;
     color: #e5e1dc;
}

#footer_naka ul li a{
	color: #FFF;
}

#footer_naka ul li a:hover{
	text-decoration: underline;
	color: #e0d277;
}

#copyright{
	margin: 0;
	padding: 0;
	font-style: normal;
	text-align: center;
	color: #F0F0F0;
	font-size:11px;
}