/*---------------------------初期化-----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	}
	
	* html body { /* for IE6 */
	font-size: 80%;
	}
	
	*:first-child+html body { /* for IE7 */
	font-size: small;
	}
	
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
	img{
	vertical-align: middle;
	text-align:left;
	}
	li{vertical-align: middle;
	}
	
	.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	} /*IE7以外のモダンブラウザ向け*/

	.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

	/*Hides from IE-mac\*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	/*End hide from IE-mac*/ /*IE6以前向け*/
	
	.clearf{
	overflow:hidden;
	}
	
	*html body .clearf{
	height:1%;
	}
	
	
/*--------------------------------------------------------------------------*/

/*---------------------------リファレンス一覧-------------------------------------

******IE4〜IE6********

* html #hack { color:#000000; } 
#hack { _color:#000000; }

******IE7*************

*:first-child+html #hack { color:#000000; }

******IE6,7*************

#hack { /color:#000000; }



******指定ブラウザ用設定*************
<!--[if It IE 7]>
<link rel="stylesheet" type="text/css" href="css/test.css" media="screen" />
<![endif]-->

******min-height高さ揃え*********

min-height: 100px;
height: auto !important;
height: 100px;

******ファイルの読み込み*********
<script type = "text/javascript" src="./prototype.js"></script>
<script type="text/javascript">
window.onload = function() {
new Ajax.Updater($("ID名"), "./○○.html");
};
</script>

******ifream可変*********
<iframe style="overflow:hidden;" onload = 'this.style.height = parseInt(this.contentWindow.document.documentElement.scrollHeight + 30)+"px";' src="" width="" height="auto"  frameborder="0" title="">この部分はインラインフレームを使用しています。</iframe>

******class指定*********
a.クラス:link, a.クラス:visited, a.クラス:active {
	color: #ef0000;
	text-decoration: none;
}

a.クラス:hover {
 	color: #ef0000;
	text-decoration: underline;
}

******リスト画像真ん中*********
list-style:none;
background:url(＃.jpg) 0 50% no-repeat;
padding-left:30px;
margin-left:-10px;
margin-bottom:30px;

******google吹き出し消しSAMPLE*********

<iframe width="173" height="130" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=38.254186,140.335103&amp;sll=38.254493,140.335193&amp;sspn=0.012638,0.021565&amp;gl=jp&amp;ie=UTF8&amp;z=13&amp;start=0&amp;ll=38.261839,140.339355&amp;output=embed"></iframe>






 -------------------------------------------------------------------------*/

/*
--------------------レイアウトを指定-------------------------
*/


/* 中央寄せ */
body {
 text-align:center;
 margin:0px;
 padding:0px;
 font-size:80%;
 _font-size:78%;
 background-color:#fff;
 line-height:110%;
 }


/* 全体のボックス */
#content {
 width:870px;
 _width:872px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 background-color:#fff;
 border-left:1px solid #fff;
 border-right:1px solid #fff;
 }
 


/* ヘッダーのボックス */
#box_header{
 width:100%;
 min-height:102px;
 height:auto !important;
 height:102px;
 background:#f7f6fb url("./img/hbk.jpg") repeat-x 0 24px;
 clear:both;
}

#box_title{
width:850px;
_width:852px;
margin-left:auto;
margin-right:auto;
text-align:left;
clear:both;
}

#box_fla{
background-color:#134D96;
background-image:url("./img/fbk.jpg");
background-repeat:no-repeat;
background-position:center top;
}


/* 左のボックス */
#box_left {
 width:570px;
 float:left;
}



/* 右のボックス */
#box_right {
 width:290px;
 float:right;
 text-align:right;
 }


/* フッターのボックス */
#box_footer {
 width:100%;
 clear:both;
 background-color:#134D96;
 color:#fff;
 font-weight:bold;
}

ul#navi
	{
	width:846px;
	height:35px;
	margin:10px 7px;
	padding:0;
	list-style:none;
	clear:both;
	}

ul#navi li
	{
	width:140px;
	height:35px;
	margin:0;
	padding:0;
	text-align:center;
	float:left;
	}

ul#navi li a
	{
	display:block;
	height:100%;
	border-right:1px solid #FFF;
	text-decoration:none;
	line-height:35px;
	}

ul#navi li a:hover,
ul#navi li a:focus,
ul#navi li a:active {background-position:-150px 0; color:#FFF;}

ul#navi a
	{
	background:url(./images/navi_back.jpg) repeat -20px 35px;
	}

ul#topbut li{
display:inline;}

.arrow{
width:870px;
text-align:right;
padding-top:30px;
}

h2.title01 {
background-image:url(./img/titlebk01.jpg);
background-repeat:no-repeat;
height:41px;
font-size:130%;
font-weight:bold;
color:#2d7fa6;
line-height:41px;
padding:0px 0px 0px 50px;
}

h2.title02 {
background-image:url(./img/titlebk02.jpg);
background-repeat:no-repeat;
height:41px;
font-size:130%;
font-weight:bold;
color:#2d7fa6;
line-height:41px;
padding:0px 0px 0px 50px;
}
.title02 span{
padding-left:15px;
font-size:80%;
/font-size:70%;
}

h3.title01 {
background-image:url(./img/titlebk02.jpg);
background-repeat:no-repeat;
height:41px;
font-size:130%;
font-weight:bold;
color:#2d7fa6;
line-height:41px;
padding:0px 0px 0px 50px;
}

p.normal01 {
padding:5px 10px 10px 10px;
}


/*
--------------------要素を指定-------------------------
*/


/* アンカータグの文字色(左から通常時、訪問した後、クリックした時) */
a:link, a:visited, a:active {
	color: #134D96;
	text-decoration: none;
}


/* アンカータグの文字色(マウスが乗った時) */
a:hover {
 	color: #0097d7;
	text-decoration: underline;
}


/* P要素全体に適用 */
p {
	line-height:150%;
}





hr{
border:1px dotted #333333;}



/*
--------------------要素をCLASSで指定-------------------------
*/


.fright{
float:right;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 

}
.fleft{
float:left;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 
}
.clear{
clear:both;
}

.nop{
padding:0px;
}
.nom{
margin:0px;
}

.ifright{
float:right;
padding:10px 0px 10px 5px;
}
.ifleft{
float:left;
padding:0px 10px 0px 0px;
}

.bold{
font-weight:bold;
}

.tr{
text-align:right;}

.tl{
text-align:left;}

.tc{
text-align:center;}

.tr{
text-align:right;}
.mar10{
margin:10px;}
.mar20{
margin:20px;}




/*
--------------------個別で指定-------------------------
*/

.phiro{
padding:10px}
dl.kirari{
margin:8px 8px;
}

.kirari dt{
}

.kirari dd img{
float:left;
padding:10px 10px;}

dl.product{
margin:8px 8px;
overflow:hidden;
_zoom:1;
background-color:#dee8ec;
}

.product dt{
float:left;
padding-bottom:10px;
padding-top:5px;
padding-left:5px;}

.product dd{
float:left;
margin:30px 5px 0px 20px;
padding-top:10px;
width:320px;
border-top:1px solid #0097d7;
}

.product dd span{
display:block;
text-align:right;
padding-top:20px;
color:#ab2906;}

.product strong{
font-weight:bold;
color:#134D96;
line-height:100%;
display:block;}

.product dt img{
border:1px solid #0097d7;
margin-left:10px;}
.product dd img{
float:right;
padding-top:10px;}

.tmap{
margin:15px 0px 0px 15px;
}

dl.tnavi{
text-align:left;
margin:20px 10px 10px 20px;
border:1px solid #0097d7;
padding:5px;
}

.tnavi dt{
padding:5px 10px;
background-color:#134D96;
font-weight:bold;
color:#fff;}

.tnavi dd{
padding:3px 0px;}
.tnavi dd strong{
color:#333;
font-weight:bold;
margin:0px 10px;
border-bottom:1px solid #333;
}
.tnavi dd span{
padding:0px 20px;}
.stf{
text-align:left;
margin:5px 10px;}
.ice{margin:10px;}
.ice dt p img{margin-top:90px;}
.ice dt{float:right;text-align:right; padding:10px; line-height:180%;}
.ice dd img{margin:10px;}
.ichr{ border-color:#0097d7; width:80%; margin-left:30px;}
.ice dd strong{
color:#333;
font-weight:bold;
margin:0px 10px;
border-bottom:1px solid #333;
}
.access{
margin:20px 5px;}

table.comp{
	width:530px;
	border-top:1px solid #0097d7;
	border-left:1px solid #0097d7;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size:100%;
	margin:20px;
}

.comp th{
	width:130px;
	font-weight:bold;
	background-color:#e1e1e1;
	border-right:1px solid #0097d7;
	border-bottom:1px solid #0097d7;
	text-align:center;
	padding:10px;
}

.comp td{
	border-right:1px solid #0097d7;
	border-bottom:1px solid #0097d7;
	line-height:110%;
	padding:10px;
}

hr{
border:1px dotted #333333;}

dl.form1{
margin:20px;}
.form1 dd{margin-bottom:10px;}
.form1 dt span{color:red;}
.stfo{
line-height:180%;
text-decoration:underline;
display:block;
margin-top:15px;
color:#0097d7;
}

.ceo span{
font-size:140%;
/font-size:130%;}

ul.list01{list-style:inside disc;margin:10px 10px 15px;}

ul.list01 li{margin-bottom:5px;}

/*--#wedding--*/

body#wedding	{background:url(img/wedding/background.jpg) repeat 0 0;}

body#wedding .tnavi a,
body#wedding .tnavi a:link,
body#wedding .tnavi a:visited	{color:#fff;}

body#wedding .tnavi a:hover,
body#wedding .tnavi a:active	{color:#A4E2EF;}

body#wedding #content
	{
	background-color:#000;
	border:none;
	color:#fff;
	}

.wedding{
float:left;
margin:8px;
width:170px;
}

.wedding dt{font-weight:bold;
color:#04D2FB;
padding-bottom:5px;}

dl.wedding dt span	{
margin-right:1px;
padding:2px;
background:url(img/wedding/co-back.gif) repeat 0 0;
color:#125F48;
font-size:10px;
font-weight:normal;
}

.wedhr{
border:1px dotted #666;
clear:both;
margin-bottom:10px;
}

body#wedding dl.tnavi{
border:1px solid #666;
}

body#wedding .tnavi dt{
padding:5px 10px;
background-color:#333;
font-weight:bold;
color:#fff;}

body#wedding .tnavi dd{
padding:3px 0px;}

body#wedding .tnavi dd strong{
color:#04D2FB;
font-weight:bold;
margin:0px 10px;
border-bottom:1px solid #04D2FB;
}
body#wedding .tnavi dd span{
padding:0px 20px;}

body#wedding #box_footer {
 padding:5px 0;
 background-color:#999;
 color:#333;
}