@charset "utf-8";

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:62.5%;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	/*table{border-collapse:collapse;border-spacing:0em;}*/
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}
	
	.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	
h2 {
	width: 605px ;
	height: 20px ;
	font-weight: bold ;
	font-size: 12px ;
	color: #333 ;
	margin: 10px 0 0 9px ;
	padding: 7px 0 0 5px ;
	background-color: #EEEEEE ;
}

body {
	background: url(../img/head_repeat.png) repeat-x ;
}

#header {
	height: 112px ;
}

#head_base {
	width: 848px ;
	height: 112px ;
	margin: 0px auto ;
}

#logo {
	display: block ;
	float: left ;
	padding: 8px 0 0 10px ;
}

#title {
	display: block ;
	float: left ;
	padding: 33px 0 0 7px ;
}

#head_line {
	display: block ;
	float: left ;
	padding: 33px 0 0 20px ;
}

#title_text {
	display: block ;
	float: left ;
	padding: 46px 0 0 10px ;
}

	.head_text {
		font-size: 12px ;
		color: #333 ;
	}

#head_right {
	display: block ;
	float: right ;
	width: 230px ;
	height: 112px ;
}

#head_menu {
	width: 230px ;
	height: 22px ;
	background-image: url(../img/head_right_back.png) ;
}

#head_sitemap {
	display: block ;
	float: left ;
	margin: 6px 0 0 20px ;
}

#head_privacy {
	display: block ;
	float: left ;
	margin: 6px 0 0 25px ;
}

#tel {
	margin: 8px 0 0 20px ;
}

#head_contact {
	height: 26px ;
	margin: 5px 0 0 20px ;
}

#contaner {
	width: 100% ;
	height: 240px ;
	background-image: url('../img/topImage_1.jpg') ;
	background-position: center ;
}

#gnavi {
	width: 848px ;
	height: 79px ;
	margin: 0px auto ;
	background-image: url(../img/menu_back.png) ;
	background-repeat: no-repeat ;
	background-position: bottom ;
}

.navis {
	margin-top: -30px ;
}

.navis .menu {
	display: block ;
	float: left ;
	margin-right : 12px ;
}

.navis .last {
	display: block ;
	float: left ;
	margin-right: 0px ;
}


#contents {
	width: 848px ;
	margin: 0px auto ;
}

#lnavi {
	width: 200px ;
	display: block ;
	float: left ;
}

	#contact_left {
		width: 200px ;
		height: 224px ;
		background-image: url(../img/contact_baner.png) ;
	}
	
	#conBtn {
		padding: 170px 0 0 6px ;
	}
	
	#blog_bar {
		margin-top: 5px ;
	}
	
#baseCon {
	width: 638px ;
	display: block ;
	float: right ;
	background-image: url(../img/line_base.png) ;
}

#mainCon {
	width: 628px ;
	display: block ;
	float: right ;
	background-color: #FFF ;
	margin: 5px 5px 5px 5px ;
}

#contentsTop {
	margin: 8px 0 0 8px ;
}

.pointTitle {
	margin: 10px 0 0 10px ;
}

.pointBackA {
	width: 610px ;
	height: 120px ;
	background: url(../img/point_backA.png) ;
	margin: 5px 0 0 9px ;
}

.pointBackB {
	width: 610px ;
	height: 120px ;
	background: url(../img/point_backB.png) ;
	margin: 5px 0 0 9px ;
}

.pointBackC {
	width: 610px ;
	height: 120px ;
	background: url(../img/point_backC.png) ;
	margin: 5px 0 9px 9px ;
}

.pointText {
	font-size: 12px ;
	color: #333 ;
	line-height : 160% ;
	padding: 30px 0 0 30px ;
}

.baseTable {
	background: none repeat scroll 0 0 #D1D1D1 ;
	width: 610px ;
	margin: 15px 0 8px 8px ;
}

.baseTable td {
	background : none repeat scroll 0 0 #EEEEEE ;
	border : 1px solid #FFFFFF ;
	font-size : 1.2em ;
	line-height : 160% ;
	padding : 9px ;
}

.baseTable .tableTitle {
	background : none repeat scroll 0 0 #333333 ;
	border : 1px solid #FFFFFF ;
	font-size : 1.2em ;
	line-height : 160% ;
	padding : 9px ;
	font-weight: bold ;
	color: #e9eba0 ;
}

.baseTable .tableHissu {
	background : none repeat scroll 0 0 #333333 ;
	border : 1px solid #FFFFFF ;
	font-size : 1.2em ;
	line-height : 160% ;
	padding : 9px ;
	font-weight: bold ;
	color: #e9eba0 ;
	background-image:url("../img/hissu.png") !important;
	background-position:98% 50% !important;
	background-repeat:no-repeat !important;
	padding-right:5px !important;
}

.baseTable .tablePlus {
	background : none repeat scroll 0 0 #FFFFFF ;
	border : 1px solid #FFFFFF ;
	font-size : 1.2em ;
	line-height : 160% ;
	padding : 9px ;
}

.baseTable .tableBold {
	background : none repeat scroll 0 0 #EEEEEE ;
	border : 1px solid #FFFFFF ;
	font-size : 1.2em ;
	line-height : 160% ;
	padding : 9px ;
	font-weight: bold ;
	color: #333 ;
}

.tableText {
		margin: 5px 0 10px 8px ;
		font-size: 12px ;
}

.contactText {
	font-size: 12px ;
	color: #333 ;
	margin: 10px 0 -3px 9px ;
}

.thankText {
	height: 30px ;
	font-size: 12px ;
	color: #333 ;
	margin: 10px 0 -3px 9px ;
}

div.errmessage {
	margin-top: 5px ;
	margin-left: 10px ;
}

div.form-error {
	color: red;
	font-size: 12px ;
}

.submit {
	margin: 0px auto ;
}

#map {
	width: 610px ;
	margin: 10px 0 10px 8px ;
}

.under_line {
	width: 610px ;
	height: 2px ;
	background-image: url(../img/line_base.png) ;
	margin: 0 0 0 9px ;
}

.privacyText li {
	font-size: 12px ;
	color: #666666 ;
	margin: 5px 0 0 9px ;
	line-height : 160% ;
}

.privacyLead {
	width: 610px ;
	font-size: 12px ;
	color: #666666 ;
	margin: 5px 0 0 9px ;
	line-height : 160% ;
}

#company {
	margin: 15px 0 9px 15px ;
}

#access_flow {
	width: 610px ;
	margin: 10px 0 0 8px ;
}

.flow01 {
	width: 610px ;
	margin-top: 10px ;
}

.flow02 {
	width: 610px ;
	margin-top: 10px ;
	margin-bottom: 8px ;
}

.flowText {
	font-size: 12px ;
	margin-top: 5px ;
}

.comText {
	font-size: 12px ;
	line-height : 130% ;
}

.site_category {
	margin: 10px 0 10px 10px ;
}

.site_category li  a {
	font-size: 12px ;
	color: #3276c9 ;
	line-height : 180% ;
	background:url("../img/siteBtn.png") no-repeat scroll 0 2px transparent;
	margin:0 0 0 10px;
	padding:0 0 0 18px;
	text-decoration: none ;
}

.site_category li  a:hover {
	background:none repeat scroll 0 0 #3276c9 ;
	color:#FFFFFF;
}

#footer {
	height: 150px ;
	width: 100% ;
	margin-top: 50px ;
	background: url(../img/footer_line.png) repeat-x ;
}

#footerCon {
	width: 848px ;
	height: 150px ;
	margin: 0px auto ;
}

#footer_logo {
	display: block ;
	float: left ;
	margin: 35px 0 0 8px ;
}

#fRight {
	display: block ;
	float: left ;
	margin: 50px 0 0 75px ;
}

#fNav li{
	display: block ;
	float: left ;
	border-left:1px solid #f2f7ca;
}
#fNav li.fNavFst {
	border : medium none ;
}

#fNav li a{
	color: #e9eba0 ;
	display: block ;
	font-size: 10px ;
	height: 15px ;
	margin: 0 ;
	padding: 4px 10px 0 ;
	text-align: center ;
	text-decoration: none ;
}

#fNav li a:hover {
	background:none repeat scroll 0 0 #d2d73d ;
	color:#FFFFFF;
}

.copyright {
	color: #e9eba0 ;
	margin: 15px 0 0;
	text-align: center ;
	font-size: 10px ;
}
