/* CSS Document */

@import url(/slide/css/lightbox.css);

*{
	margin: 0px;
	padding: 0px;
}

img{
	margin:0px;
	vertical-align:bottom;
}

body{
	margin: 0px;
	padding: 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 1.7em;
}

ul li{
	list-style-type: none;
}

ol li{
	list-style-type: none;
}

a{
	color: #316D97;
	text-decoration: none;
}

a:visited{
	color:#696969;
	text-decoration: none;
}

a:hover{
	color: #E9AD43;
	text-decoration: none;
}


textarea{
	width: 400px;
	height: 100px;
}

#wrap{
	width: 735px;
	margin: auto;
}

#main{
	padding: 30px 0px 10px 0px;
}

.clear{
	clear: both;
	height: 0px;
}

.clear20{
	clear: both;
	height: 20px;
}

.clear40{
	clear: both;
	height: 40px;
}

/* ヘッダー */

#header{
	height: 171px;
	background-image:url(/img/top.gif);
	background-repeat:no-repeat;
}

#hd_left{
	width: 182px;
	float:left;
}

#hd_menu{
	width: 404px;
	float:left;
	padding:91px 0px 0px 2px;
}

#hd_right{
	float:right;
	padding: 35px 5px 0px 0px;
}

#fls{
	padding: 2px 0px 0px 41px;
}

ul#menu{
    list-style:none;
    width:100%;
	 margin: 0px;
	 padding: 0px;
}

ul#menu li{
    list-style:none;
    float:left;
    width:67px;
}

ul#menu a{
    display:block;
    width:67px;
    height:80px;
    text-indent:-500px;
    overflow:hidden;
}

ul#menu a:hover{
    background-position:0px -84px;
}

a.svc{
    background-image:url(/img/ma.gif);
}

a.mad{
    background-image:url(/img/mb.gif);
}

a.des{
    background-image:url(/img/mc.gif);
}

a.vis{
    background-image:url(/img/md.gif);
}

a.new{
    background-image:url(/img/me.gif);
}

a.cmp{
    background-image:url(/img/mf.gif);
}

/* サイドバー */

#side{
	float: left;
	width: 180px;
}

ul#mlf{
	margin:0px 0px 15px 0px;
}

ul#mlf li{
	background-image: url(/img/mln.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	padding:10px 0px 5px 5px;
	color: #A4A4A4;
}

.arr1{
	background-image:url(/img/arr.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 20px;
	background-position: 0px 2px;
	position: absolute;
}

.arr1b{
	background-image:url(/img/arr.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 20px;
	font-weight:bold;
}

.arr2b{
	background-image:url(/img/arr2.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 20px;
	font-weight:bold;
}

#sidebt{
	background-image:url(/img/sidebt.gif);
	background-repeat:repeat;
	padding: 10px 10px 10px 10px;
	margin: 30px 0px 0px 0px;
}

#side ol{
	background-color:#FFFFFF;
	padding: 5px 0px 8px 10px;
}

.sbm{
	padding: 8px 0px 8px 0px;
	line-height: 0em;
}

#topics{
	margin: 15px 0px 0px 0px;
}

#topics li{
	background-image: url(/img/mln.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	padding:10px 0px 5px 5px;
	color: #A4A4A4;
}
	

/* フッター */

#footer{
	clear:both;
	background-image: url(/img/btm.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 20px 0px;
}

#footin{
	padding: 30px 0px 0px 70px;
	font-size:10px;
}

a.btmlk{
	color: #555555;
	text-decoration: none;
}
a:hover.btmlk{
	color: #E9AD43;
	text-decoration: underline;
} 

address{
	font-family:Verdana, sans-serif;
	color: #316D97;
	font-style: normal;
}

/* メイン */

#content{
	float: right;
	width: 555px;
}

#cont_in{
	padding:0px 0px 0px 30px;
}

#hdtx{
	padding: 10px 0px 0px 0px;
}

#tx50{
	padding: 10px 0px 0px 50px;
}

#tx30{
	padding: 20px 10px 0px 30px;
}

#flow{
	padding: 10px 80px 0px 50px;
}

#longtext p{
	line-height:2.4em;
	margin: 0px 0px 20px 0px;
}

#longtext p:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/* #longtext p{
	line-height:2.4em;
	font-size:14px;
	margin: 0px 0px 20px 0px;
} */

.p20{
	margin: 0px 0px 20px 0px;
	font-size:14px;
	line-height:2.0em;
}

.pdw{
	margin: 0px 0px 20px 0px;
}

.img_left{
	float:left;
}

.img_right{
	float:right;
}

#ln{
	clear:both;
	background-image: url(/img/bdln.gif);
	background-repeat: repeat-x;
	height: 30px;
}

#ln2{
	clear:both;
	background-image: url(/img/bdln.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 20px;
}

.ptt{
	border-left: 3px solid #5C96BE;
	padding: 0px 0px 0px 8px;
}

.bln{
	background-image: url(/img/bdln.gif);
	background-repeat: repeat-x;
	height: 25px;
}

#con_left{
	float:left;
	width:250px;
}

#con_right{
	float:right;
	width:250px;
}

h3{
	color: #316D97;
	font-weight: bold;
	font-size:12px;
}

#mav{
	padding: 0px 0px 0px 20px;
}

#mav h3{
	color: #316D97;
	font-weight: bold;
	font-size:12px;
	border-left: 3px solid #5C96BE;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 5px 0px;
}

#mav h4{
	background-image:url(/img/arr.gif);
	background-repeat:no-repeat;
	margin: 13px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	color: #DA8318;
	font-size:12px;
	font-weight:normal;
	line-height:normal;
}

.valt{
	padding-left: 30px;
}

.inqsub{
	border-left: 3px solid #5C96BE;
	padding: 0px 0px 0px 8px;
	color: #578CB2;
	font-weight: bold;
}

#works{
	line-height:2.0em;
}

#works p{
	margin: 0px 0px 25px 0px;
}

.colright{
	text-align:right;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
}

.colright a{
	background-image: url(/img/blue_allow.gif);
	background-repeat: no-repeat;
	height: 21px;
	padding: 6px 25px 0px 0px;
	background-position: right;
	text-decoration: none;
	color: #316D97;
}

.colright a:hover{
	background-image: url(/img/orange_allow.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	color: #E9AD43;
}

.bd{
	background-color: #EEEEEE;
	padding: 5px;
	border: solid 1px #AAAAAA;
	margin: 0px 0px 5px 0px;
}

.bdlf{
	background-color: #EEEEEE;
	padding: 5px;
	border: solid 1px #AAAAAA;
	float:left;
	margin: 0px 15px 0px 0px;
}

.bdpf{
	background-color: #EEEEEE;
	padding: 5px;
	border: solid 1px #AAAAAA;
	float:left;
	margin: 0px 15px 30px 0px;
}

.imgdw{
	padding:0px 0px 10px 0px;
}

#ptbin{
	padding-left: 50px;
	padding-right: 40px;
}
#ptbin2{
	padding-left: 50px;
	padding-right: 40px;
	padding-top: 10px;
}
#ptb{
	background-color: #BED3F0;
}
#ptg{
	background-color: #A1C836;
}
.p1tdl{
	background-color: #EFF4FB;
	padding-left: 10px;
}
.p1tdr{
	background-color: white;
	padding: 5px 10px 5px 20px;
}
.p2tdl{
	background-color: #EFF4FB;
	text-align: center;
}
.p2tdr{
	background-color: white;
	text-align: center;
}

.pricewht{
	background-color: white;
	padding: 5px 10px 5px 20px;
}

.pricegrn{
	background-color: #EDF9CD;
	padding: 5px 10px 5px 20px;
}

.pricewht2{
	background-color: white;
	padding: 5px;
	text-align: center;
	font-weight:bold;
}

.pricegrn2{
	background-color: #EDF9CD;
	padding: 5px;
	text-align: center;
	font-weight:bold;
}

.blue_line{
	border-left: solid 3px #0C70BD;
	padding: 0px 0px 0px 13px;
}

.blueb{
	color: #578CB2;
	font-weight: bold;
}

.blue{
	color: #316D97;
}

.red{
	color: #B22222;
}

.org{
	color: #DA8318;
}

.red14{
	color: #B22222;
	font-size: 14px;
	font-weight: bold;
}

.blue14{
	color: #0C70BD;
	font-size: 14px;
	font-weight: bold;
}

.spred{
	color: #B22222;
	font-size: 14px;
	font-weight: bold;
}

/* .spred{
	color: #B22222;
	font-size: 18px;
	font-weight: bold;
} */

.spblue{
	color: #0C70BD;
	font-size: 14px;
	font-weight: bold;
}

/* .spblue{
	color: #0C70BD;
	font-size: 18px;
	font-weight: bold;
} */

#lk{
	margin: 20px 0px 0px 30px;
	line-height: 3.0em;
}

#sitemap{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 80px;
}

#sitemap_in{
	border-left: solid 1px #29A0C7;
	padding: 0px 0px 0px 0px;
}

#sitemap_in2{
	border-left: solid 1px #29A0C7;
	margin: 0px 0px 15px 45px;
	padding: 0px 0px 0px 0px;
}

#sitemap p{
	background-image:url(/img/map_line.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 17px;
	line-height: 2.4em;
}

#price_in{
	margin: 5px 0px 5px 30px;
	padding: 0px 0px 0px 10px;
	border-left: solid 3px #A1C836;
}

#price_in p{
	padding: 5px 0px 15px 0px;
}

#news{
	padding: 20px 10px 0px 30px;
}

#news p{
	margin: 0px 0px 20px 0px;
}

#column{
	line-height:2.0em;
}

#column h4{
	font-size: 14px;
	padding: 15px 0px 10px 40px;
	color: #0C70BD;
}

#column p{
	padding: 0px 0px 20px 40px;
}

#col_in{
	padding: 0px 10px 0px 30px;
}

#col_in h3{
	padding: 20px 0px 15px 0px;
	border-top: #CCC dotted 1px;
	font-size: 14px;
	color: #0C70BD;
}

#col_in p{
	margin: 0px 0px 20px 0px;
	line-height: 2.0em;
}

/* ワードプレス */

.wpcf7 p{
	margin:5px 0px 15px 0px;
	font-size:12px;
	font-weight: bold;
	line-height: 2.0em;
}

.wpcf7 h5{
	font-size:12px;
	font-weight: normal;
	color:#B22222;
}

.wpcf7 h6{
	font-size:12px;
	font-weight: normal;
	color:#0C70BD;
}

#srform{
	margin: 15px 0px 0px 3px;
}

/* ウェディング */

.bds{
	background-color: #EEEEEE;
	padding: 5px;
	border: solid 1px #AAAAAA;
	margin: 0px 0px 15px 0px;
}

/* 5☆ */
* html body {     
	background: url(null) fixed;     
}
div#bnr5ss,
div#bnr5ss a{
	display:block;
	width: 100px;
	height:360px;
	position: fixed;  
	top:100px;  
	right:0;
	background:url(/img/bnl1.gif) no-repeat;
	text-indent:-9999px;
}
div#bnr5ss a:hover{
	background:url(/img/bnl1_on.gif) no-repeat;
}
* html div#bnr5ss{     
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+100));  
}