@charset "utf-8";/* CSS Document */
/*---リセット---*/
html,body,div,ul,li,p,span,img,a,h1,h2,h3,table,tr,td{margin:0; padding:0; text-decoration:none; list-style-type:none;}
img{border:0;}
.clearfooter{clear:both;}
#container{
	width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
select,textarea,input,button{
	color:#344878;
	position:relative;
}
.button{
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	position:relative;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
}

.table1{
	width:550px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	position:relative;
	zoom:1;	
}
.table2{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	position:relative;
	left:-20px;
	line-height:1.5;
	border-collapse:separate;
	border-spacing:0;
	zoom:1;	
}
.table3{
	width:595px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	position:relative;
	zoom:1;	
}
.contact{
	width:595px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	position:relative;
	left:-20px;
	zoom:1;	
}

.contact h2{
	margin-bottom:10px;
}
.table2 td,.table2 tr{
	
}
.tdtitle{
	padding:5px;
	color:#8d7a30;
	border-top:1px dotted #8d7a30!important;
	position:relative;
	zoom:1;
}
.tdtitle_r{
	border-bottom:1px dotted #8d7a30!important;
	border-right:1px solid #fff!important;
	background:#f1f1f1;
}
.tdtitle_l{
	border-bottom:1px dotted #8d7a30!important;
	border-left:1px solid #fff!important;
	background:#f1f1f1;
}
.tdtitle_c{
	border-bottom:1px dotted #8d7a30!important;
	background:#f1f1f1;
}

.td1{
	width:150px;
	padding:3px;
	background:#F1F1F1;
	border-bottom:1px dotted #8d7a30!important;
	border-left:1px solid #fff!important;
	border-right:1px solid #fff!important;
	position:relative;
	zoom:1;
}
.td2{
	width:175px;
	padding:3px;
	background:#d8d7d7;
	border-bottom:1px dotted #8d7a30!important;
	border-right:1px solid #fff!important;
	position:relative;
	zoom:1;
}
.td3{
	width:185px;
	padding:3px;
	background:#F1F1F1;
	border-bottom:1px dotted #8d7a30!important;
	border-right:1px solid #fff!important;
	position:relative;
	zoom:1;
}
.td4{
	width:205px;
	padding:3px;
	background:#d8d7d7;
	border-bottom:1px dotted #8d7a30!important;
	border-right:1px solid #fff!important;
	position:relative;
	zoom:1;
}

.kantei_naiyou{
	width:550px;
	padding-top:10px;
	position:relative;
		zoom:1;	
}
.kantei_naiyou_sel{
	width:150px;
	height:35px;
	text-align:center;
	position:relative;
		zoom:1;	
}
.kantei_naiyou_sel2{
	width:150px;
	height:35px;
	text-align:left;
	left:-30px;
	position:relative;
		zoom:1;	
}
.kantei_naiyou_sel select{
	width:110px;
	height:28px;
		zoom:1;	

}
.kantei_naiyou_textarea{
	width:530px;
	height:124px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
		zoom:1;	
}
.koumoku{
	text-align:right;
	width:103px;
	position:relative;
		zoom:1;	
}
.input_ran{
	padding-left:5px;
	width:435px;
	text-align:left;
	position:relative;
	zoom:1;	
}
.contact_koumoku{
	text-align:right;
	width:120px;
	position:relative;
	zoom:1;	
}
.contact_input_ran{
	padding-left:5px;
	width:435px;
	height:35px;
	text-align:left;
	position:relative;
	zoom:1;	
}
.contact_textarea textarea{
	width:595px;
	height:124px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
		zoom:1;	
}
.yellow_annai{
	width:500px;
	margin-bottom:20px;
	color:#745f0b;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
	zoom:1;	
}
.kanteizyo_goannai_link{
	width:221px;
	color:#745f0b;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	zoom:1;	
}
.center_p{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
	font-size:14px;
}
/*----social----*/
#social{
	width:100%;
	height:44px;
	display:block;
	position:relative;
	top:0;
	left:0;
	background:url(../images/social.jpg) repeat-x;
}
#social_inner{
	width:700px;
	height:33px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	top:15px;
}
#twitter_tweet{
	width:40px;	
	height:33px;
	display:block;
	position:relative;
	float:right;
	margin-left:7px;
	top:2px;
}
/*----header----*/
#header{
	width:100%;
	height:212px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
	background:url(../images/header_gra.jpg) repeat-x;
}

.header_flash{
	width:1100px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
}
.header_img{
	width:1100px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.click{
	position:absolute;
	left:309px;
	height:27px;
	z-index:100;
	cursor:pointer;
}
.clickdiv{
	width:1100px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:block;
	margin-top:-160px;
	z-index:100;
	}
/*----gnav----*/
#gnav{
	width:800px;
	height:52px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
}

#gnav_ul{
	width:800px;
	height:52px;
	position:relative;
	overflow:hidden;
}

#gnav_ul li{
	height:104px;
	position:relative;
    display: inline;
	float:left;
}
.gnav_li01{
	width:74px;
}
.gnav_li02{
	width:114px;
}
.gnav_li03{
	width:97px;
}
.gnav_li04{
	width:95px;
}
.gnav_li05{
	width:95px;
}
.gnav_li06{
	width:93px;
}
.gnav_li07{
	width:112px;
}
.gnav_li08{
	width:120px;
}


#gnav a{
	height:52px;
	position:relative;
	display:block;
}
#gnav a:hover{
	margin-top:-52px;
	position:relative;
}

/*------content------*/
#content{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/*---section_ptn1---*/
.section_ptn1{
	width:800px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	position:relative;
	background:url(../images/section_bg_ptn1.jpg) repeat-y;
	color:#344878;
}

.section_ptn1 h1{
	width:800px;
	height:54px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:8px;
	text-align:center;
	position:relative;
	display:block;
	left:-20px;
	top:-12px;
	padding-top:3px;
	background:url(../images/h1_bg.png) no-repeat;
	background-position: top center;
}
.okoshikudasai{
	width:455px;
	height:46px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;
	text-align:center;
	position:relative;
	top:-8px;
	left:-20px;
	display:block;
}

.white_ptn1{
	width:678px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
	padding:20px;
	border:1px solid #fff;
	background:rgba(255,255,255,0.50);
	font-size:14px;
	line-height:1.3;
}

.white_ptn2{
	width:308px;
	height:78px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:20px;
	position:relative;
	display:inline;
	float:left;
	padding:13px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	border:1px solid #fff;
	background:rgba(255,255,255,0.50);
	font-size:13px;
	line-height:1.3;
}

.white_ptn3{
	width:308px;
	height:98px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:20px;
	position:relative;
	display:inline;
	float:left;
	padding:13px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	border:1px solid #fff;
	background:rgba(255,255,255,0.50);
	font-size:13px;
	line-height:1.3;
}

.white_ptn4{
	width:308px;
	height:98px;
	margin-left:20px;
	margin-right:0px;
	margin-bottom:20px;
	position:relative;
	display:inline;
	float:left;
	padding:13px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	border:1px solid #fff;
	background:rgba(255,255,255,0.50);
	font-size:13px;
	line-height:1.3;
}

/*---image_link---*/
.image_link{
	width:600px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	position:relative;
	left:-20px;
	zoom:1;
}
.sousyoku_kin_image_top{
	margin-bottom:14px;
}
.sousyoku_kin_image{
	margin-bottom:0;
}
.kanteizyo_info{
	width:300px;
	height:160px;
	display:inline;
	position:relative;
}
.map{
	display:inline;
	padding:0;
	margin-bottom:-114px;
	float:right;
	position:relative;
	top:-114px;
	right:0;
}

/*---syokyuukyousitu---*/
.syokyuukyousitu{
	width:600px;
	display:block;
	position:relative;
	left:-20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;
}
.syokyuukyousitu p{
	margin-top:10px;
}
/*---imageL,R---*/
.image_L{
	width:300px;
	display:inline;
	position:relative;
	padding-right:10px;
	margin-left:20px;
	margin-bottom:20px;
	float:left;
}
.image_R{
	width:300px;
	display:inline;
	position:relative;
	padding-right:10px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:30px;
	float:left;
}
.image_caption1{
	width:268px;
	height:23px;
	padding-top:2px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background:url(../images/image_cap_bg.png) no-repeat;
}

.image_caption2{
	width:268px;
	height:23px;
	margin-top:7px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:13px
}

.textarea_R{
	width:400px;
	position:relative;
	display:inline;
	float:left;
	margin-left:15px;
	font-size:14px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:1.3;
}
.textarea_L{
	width:400px;
	position:relative;
	display:inline;
	float:left;
	margin-top:10px;
	margin-left:20px;
	font-size:14px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:1.3;
}
.textarea_C{
	width:800px;
	position:relative;
	left:-20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:1.4;
}	
.textarea_C p{
	line-height:1.4
}

/*---top_content_pnl---*/
.top_content_pnl{
	width:720px;
	height:193px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:80px;
	position:relative;
	left:-20px;
	top:-10px;
}
/*---kinsousyoku---*/
.kinsousyoku{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
}
.kouza_p{
	width:640px;
	position:relative;
	margin-top:7px;
	margin-bottom:15px;
	left:30px;
}
.nyuukai_p{
	width:640px;
	position:relative;
	margin-top:7px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	text-align:center;
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	left:30px;
}
.nagare_image{
	width:660px;
	height:115px;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	text-align:center;
	position:relative;
}
/*---pnl_ptn1---*/
#pnl_ptn1{
	width:722px;
	height:378px;
	margin-top:12px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;
	position:relative;
	left:-20px;
	background:url(../images/bg_pnl1.png) no-repeat;
}

#pnl_ptn1 h2{
	width:500px;
	height:18px;
	padding-top:35px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;
	position:relative;
}

#pnl_ptn1 p{
	width:320px;
	margin-top:30px;
	margin-left:40px;
	margin-bottom:15px;
	position:relative;
	font-size:14px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:1.3;
	text-align:left;
	float:left;
	display:inline;
}
.menkyosyo_image{
	width:318px;
	margin-right:40px;
	position:relative;
	float:right;
	display:inline;
}

.otoiawase_ul{
	width:645px;
	height:67px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
	position:relative;
}
.otoiawase_li1{
	width:243px;
	height:67px;
	display:inline;
	margin-top:10px;
	position:relative;
	float:left;
}
.otoiawase_li2{
	width:243px;
	height:67px;
	display:inline;
	margin-top:10px;
	position:relative;
	float:right;
}
	
/*---kin_box---*/
.kin_box{
	width:613px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
}
.kin_box_top{
	width:613px;
	height:12px;
	position:relative;
	margin-top:20px;
	background:url(../images/y_waku_bg_top.png) no-repeat;
}
.kin_box_mid{
	width:100%;
	position:relative;
	padding-bottom:10px;
	background:url(../images/y_waku_bg_mid.png) repeat-y;
}
.kin_box_mid h3{
	width:500px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
}
.kin_box_bottom{
	width:613px;
	height:11px;
	position:relative;
	background:url(../images/y_waku_bg_bottom.png) no-repeat;
}
/*---tobira---*/
.tobira{
	width:760px;
	height:320px;
	padding:0;
	margin-bottom:30px;
	position:relative;
	background:url(../images/youkoso.jpg) no-repeat;
}

.tobira_desc{
	padding-top:118px;
	text-align:center;
	color:#344878;
}

.tobira_desc p{
	line-height:1.3;
	font-size:15px;
}
/*---bosyuu_annai---*/
#bosyuu_annai{
	width:760px;
	height:118px;
	display:block;
	position:relative;
	margin-bottom:20px;
	background:url(../images/annai_bg.jpg) no-repeat;
}
#bosyuu_annai img{
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
}

#button_sec img{
	margin-right:20px;
}

#syouhyou{
	width:594px;
	height:83px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	text-align:center;
}
/*---syuppan---*/
#syuppanbutu_no_syoukai{
	width:663px;
	height:578px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top:72px;
	display:block;
	color:#344878;
	text-align:center;
	background:url(../images/syuppanbutu_bg.jpg) no-repeat;
}
#syuppanbutu_no_syoukai2022{
	width:663px;
	height:1350px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top:72px;
	display:block;
	color:#344878;
	text-align:center;
	background:url(../images/syuppanbutu_bg.jpg) no-repeat;
}
.syoseki_info{
	width:663px;
	height:211px;
	position:relative;
	display:block;
}
.syoseki_image{
	width:143px;
	height:200px;
	position:relative;
	margin-left:97px;
	float:left;
	display:inline;
}
.syoseki_title{
	width:296px;
	height:59px;
	position:relative;
	margin-left:29px;
	float:left;
	display:inline;
}
.syoseki_title02{
	width:251px;
	height:103px;
	position:relative;
	margin-left:29px;
	float:left;
	display:inline;
}
.syoseki_info_p{
	width:296px;
	height:59px;
	text-align:left;
	line-height:1.2;
	position:relative;
	margin-top:20px;
	margin-left:29px;
	font-size:15px;
	font-family:"ＭＳ ゴシック", "MS Gothic";
	float:left;
	display:inline;
}
.syoseki_syoukaibunn{
	width:277px;
	height:349px;
	text-align:left;
	line-height:1.2;
	position:relative;
	margin-top:5px;
	margin-left:40px;
	font-size:15px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float:left;
	display:inline;
}
.mokuzi_syoukai{
	width:290px;
	height:325px;
	text-align:left;
	line-height:1.2;
	position:relative;
	margin-top:5px;
	margin-right:40px;
	font-size:15px;
	float:right;
	display:inline;
}

.mokuzi_syoukai02{
	width:290px;
	height:223px;
	text-align:left;
	line-height:1.2;
	position:relative;
	margin-top:5px;
	margin-right:40px;
	font-size:15px;
	float:right;
	display:inline;
	border: solid 1px #ccc;
}

/*---gotyuui---*/
.gotyuui{
	width:598px;
	height:300px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top:27px;
	display:block;
	color:#344878;
	text-align:center;
	background:url(../images/gotyuui_bg.jpg) no-repeat;
}
.gotyuui h2{
	margin-bottom:10px;
}
.gotyuui p{
	font-size:14px;
	line-height:1.3;
	text-align:left;
	padding-left:40px;
	padding-right:40px;
	color:#000000;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.miki_prof{
	width:664px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:block;
	background:url(../images/miki_prof.png) no-repeat;
}
.miki_image{
	width:237px;
	height:292px;
	position:absolute;
	top:100px;
	right:30px;
}
.miki_prof p{
	width:335px;
	position:absolute;
	top:150px;
	font-size:14px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-align:left;
	left:30px;
}
/*---footer---*/
#footer{
	width:800px;
	position:relative;
	display:block;
	color:#344878;	
}
#footer_nav{
	width:800px;
	height:55px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:block;
	border-top:1px dotted #745f0b;
	border-bottom:1px dotted #745f0b;
}
#footer_nav ul{
	width:800px;
	height:16px;
	margin-top:18px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}
#footer_nav li{
	display:inline-block;
    *display: inline;  
    *zoom: 1;
	font-size:14px;
	margin-right:3px;
	padding-right:4px;
}
.footer_nav_li{
	border-right:1px solid #745f0b;
}
.footer_nav_li_last{
	border-right:none;
}
#footer_nav img{
	margin-top:2px;
	margin-right:2px;
}
#footer_nav a{
	color:#745f0b;
}
.footer_title{
	width:267px;
	height:41px;
	margin-top:20px;
	margin-left:160px;
	position:relative;
	float:left;
}
.address{
	height:100px;
	margin-top:26px;
	margin-left:10px;
	position:relative;
	float:left;
	font-size:16px;
	line-height:1.3;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#copyright{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#344878;
	font-size:13px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

@media screen and (max-width:1100px){
	html,body,#container{max-width:1100px; overflow-x:hidden;}
	.header_flash{display:none;}
	.header_img{display:block; line-height:0;maargin:0;float:left;left:50%; position:relative;}
	.header_img img{margin:0;float:left;left:-50%; position:relative;}
	.click{display:none; margin-top:0;}
	.clickdiv{display:none; margin-top:0;}
	#gnav{clear:both;}
        .sma{display: block;} /*スマートフォンでは有効（改行する）*/
}

/*--- New ---*/
/* タブ */
#tabcontrol a {
   display: inline-block;            /* インラインブロック化 */
   border-width: 1px 1px 0px 1px;    /* 下以外の枠線を引く */
   border-style: solid;              /* 枠線の種類：実線 */
   border-color: white;              /* 枠線の色：黒色 */
   border-radius: 0.75em 0.75em 0 0; /* 枠線の左上角と右上角だけを丸く */
   padding: 0.75em 0.5em;              /* 内側の余白 */
   text-decoration: none;            /* リンクの下線を消す */
   color: white;                     /* 文字色：黒色 */
   background-color: white;          /* 背景色：白色 */
   font-weight: bold;                /* 太字 */
   position: relative;               /* JavaScriptでz-indexを調整するために必要 */
}
/* タブにマウスポインタが載った際（任意） */
#tabcontrol a:hover {
   text-decoration: underline;   /* リンクの下線を引く */
}
/* タブの中身 */
#tabbody div {
   border: 0px solid white; /* 枠線：黒色の実線を1pxの太さで引く */
   margin-top:    -1px;     /* 上側にあるタブと1pxだけ重ねるために「-1px」を指定 */
   margin-left:   0px;      /* */
   margin-right:  0px;      /* */
   margin-bottom: 0px;      /* */
   padding: 0px;          /* 内側の余白量 */
   background-color: white; /* 背景色：白色 */
   position: relative;      /* z-indexを調整するために必要 */
   z-index: 0;              /* 重なり順序を「最も背面」にするため */
}
/* タブの配色 */
#tabcontrol a:nth-child(1), #tabbody div:nth-child(1) { background-color: #777799; }/* 1つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(2), #tabbody div:nth-child(2) { background-color: rgb(153,102,153); }/* 2つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(3), #tabbody div:nth-child(3) { background-color: #ddddff; }/* 3つ目のタブとその中身用の配色 */



