@charset "UTF-8";

/* WEST WIN　HP用css */

/* **********************************
/*アルバム写真表示　CSS LightBox用*/

div#main .box0 {
   width:480px;
   margin-bottom: 5px;
   padding:0 0;
   color: #000;
   font-size: 85%;
   letter-spacing: 2px;
   line-height: 1.4em;
/*	border-style : solid;
	border-color : blue;
	border-width: 1px 1px 1px 1px;*/
    clear:both;
}

.pict {height: 135px; width: 150px; padding: 3px; background: #969696; clear: both;}
.pict p {text-align: center; color: #ffffff;}
retu_1 {float: left; width: 155px; font-size:14px;}
retu_2,retu_3 {float: right; width: 155px;  font-size: 14px;}
/* **********************************


/* スペーサー */
hr {
	margin-bottom: 5px;
	}

hr.ex10 {
	border-style : solid;
	border-color : #ffffff;
	border-width: 10px 0px 0px 0px;
	}

hr.ex20 {
	border-style : solid;
	border-color : #ffffff;
	border-width: 20px 0px 0px 0px;
	}

hr.r5 {
	border-style : solid;
	border-color : red;
	border-width: 5px 0px 0px 0px;
	}

hr.r10 {
	border-style : solid;
	border-color : red;
	border-width: 10px 0px 0px 0px;
	}
	
hr.r15 {
	border-style : solid;
	border-color : red;
	border-width: 15px 0px 0px 0px;
	}

hr.r25 {
	border-style : solid;
	border-color : red;
	border-width: 27px 0px 0px 0px;
	}

hr.r30 {
	border-style : solid;
	border-color : red;
	border-width: 30px 0px 0px 0px;
	}

hr.r40 {
	border-style : solid;
	border-color : red;
	border-width: 40px 0px 0px 0px;
	}

/* ======== style Base フォント 枠 色など ======== */

.style16-20{ 
   font-size: 14px;
   line-height: 17px;
   font-weight: 300;
}

.style10-12{  font-size: 12px; line-height: 5px; }
.style11{  font-size: 11px; line-height: 14px; color:#969696;}
.f_style12{  font-size: 12px; line-height: 10px; font-weight: 400;}
.f_style14{  font-size: 14px;}
.f_style14-2{  font-size: 14px;  line-height: 22px;}
.f_style18{  color:#FFFFFF;
  font-size:12pt;
  line-height:1.5;
}
.f_style16{  font-size: 16px;}
.f_none{
}


b {
   font-size: 1em; /*:16px;  /*16pxの70% --?*/
   font-weight:bold;
   color: #1c1c1c;
}


* {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   margin:0;
   background-image: url(../common/2.gif);
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color: #dc143c; /*red; /*#333;*/
   text-decoration: none;
/*text-decoration: underline;*/
}


/* イメージ 枠付き */
img {
     float:none;
     border: 1px solid #fff; /*57ACD5;*/
}

.noline{
   border: 0px;
}

.line{
     border: 3px double #fff; /*57ACD5;*/
}

h1,h2,h3,h4,h5,h6,h7,h8,h9 {
   margin:0;
}

div#clear {
   clear:both;
}

/* ========　ページ内移動用 ======== */

.move1{ }
.move2{ }
.move3{ }
.move4{ }
.move5{ }
.move6{ }
.move7{ }
.move8{ }
.move9{ }
.move10{ }



/*---ライン---*/

.h_line1{
    width:800px;
    margin:0;
    border-top:1px solid red; /*#a9a9a9;*/
    overflow: hidden;
    position: relative;
    clear:both;
}


/* ========　HP LAYOUT ======== */

/* WESTWIN Topページ用レイアウト */

#head1{
    width:800px;
    height:50px;
    margin:0px;
    padding:0px;
    background-image : url(../common/line_bk_ent.gif);
}

div#wrap {   /*ラップ 枠付き*/
   width:800px;
    margin:0 auto;
    width:800px;
    margin:0;
    /*border-right:1px solid red ; /*#969696; /*#a9a9a9;*/
    /*border-left:1px solid red; /*#969696; /*#a9a9a9;*/
}


/* - WESTWIN バナースペース 　上から2番目　-*/

div#topmenu {
    width:800px;
    height:50px;
    margin:0px;
    float:right;
    background: transparent url(../common/Logo120.png) 0 0 no-repeat ;
    position: absolute; /*relative;*/
}

/* - ヘッダー2　16枚の合成写真 index用　上から二番目 -*/
div#header {
    width:800px;
    height:175px;
    margin-bottom: 5px;
    padding:0px;
    background : transparent url(../common/title_info.jpg) 0 0 no-repeat ;
    clear:both;
}


/* - ヘッダー3　16枚の合成写真 共通用 -*/

div#header1 {
    width:800px;
    height:170px;
    margin-bottom: 5px;
    padding:0px;
    background : transparent url(../common/title2.jpg) 0 0 no-repeat ;
    position: relative;
    clear:both;
}

/* メニュースペース -スペーサーとして使用 */

div#menu {
   border-top:0px;
   width:800px;  /*796px;*/
    height:18px;
    clear:both;
}

/* コンテンツスペース 大外枠 */
div#contents {
   width:800px;
   margin-top:0px;
}

/* メイン 画面中央部 */
div#main {
   float:left;
   margin:0 10px;
   width:480px;
   background:#fff;
   text-align:left;
}

div#main2 {
   margin:5px 0 0 0; /* 上　右　下　左 */
   width:480px;
   text-align:left;
}

/*　左側メニュー */
div#sub1 {
   float:left;
   width:150px;

}

/*　右側メニュー */
div#sub2 {
   float:left;
   width:150px;

}

/*フッター */
div#footer {
   position:relative;
   clear:both;
   width:800px;
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   width:800px;
   visibility:hidden;
}

/* ========HEADER CUSTOMIZE======== */

div#header h1 {
   margin:0;
   padding:0 10px;
   font-size:2em;
   /*color:#000;*/
   line-height:80px;
}

div#header h1 a {
   /*color:#000;*/
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
/* 画面中央部位　パーツ　*/

/* 箱 */



div#main .box20 {   /*高さ20px*/
   width:476px;
   height:20px;
   margin:0px;
   margin-bottom: 5px;
   padding:0 0; /*10px 10px;*/
   clear:both;
}

div#main .box35 {   /*高さ35px*/
   width:476px;
   height:35px;
   margin:0px;
   margin-bottom: 5px;
   padding:0 0; /*10px 10px;*/
   clear:both;
}

div#main .box50 {   /*高さ50px*/
   width:476px;
   height:50px;
   margin:0px;
   margin-bottom: 5px;
   padding:0 0; /*10px 10px;*/
   clear:both;
}


div#main .box70 {   /*高さ50px*/
   width:476px;
   height:70px;
   margin:0px;
   margin-bottom: 5px;
   padding:0 0; /*10px 10px;*/
   clear:both;
}

div#main .box90 {   /*高さ90px*/
   width:476px;
   height:90px;
   margin:0px;
   margin-top: -2px;
   margin-bottom: 5px;
   padding: 0 0;
   clear:both;
}

div#main .box100 {   /*高さ100px*/
   width:476px;
   height:100px;
   margin:0px;
   margin-bottom: 5px;
   padding: 0 0;
   clear:both;
}

div#main .box120 {   /*高さ120px*/
   width:476px;
   height:120px;
   margin:0px;
   margin-bottom: 5px;
   padding: 0 0;
   clear:both;
}

div#main .box130 {   /*高さ150px*/
   width:476px;
   height:130px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   clear:both;
}

div#main .box150 {   /*高さ150px*/
   width:476px;
    height:150px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   clear:both;
}

div#main .box200 {   /*高さ150px*/
   width:476px;
   height:200px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   clear:both;
}

div#main .box240 { /*高さ230px CMフラッシュ用*/
   width:476px;
   height:240px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   /*border-bottom:1px solid red; /*#969696; /*#a9a9a9;*/

   clear:both;
}

div#main .box250 { /*高さ200px CMフラッシュ用*/
   width:476px;
    height:250px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   clear:both;

}

div#main .box300 {
   width:476px;
    height:300px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   clear:both;
}

div#main .box400 {
   width:476px;
    height:400px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   clear:both;
}

div#main .box450 {
   width:480px;
    height:450px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   clear:both;
}

div#main .box600 {
   width:480px;
    height:600px;
   margin:0px;
   margin-bottom:5px;
   padding:0 0;
   clear:both;
}

div#main a {
   font-weight: bold;
}

div#main a:hover {
   border:1px;
   /*color:red; /*#008000;*/
   border-bottom:1px solid red; /*#008000;*/
}

div#main f_style{
   font-size: 11px;
   line-height: 14px;
    color:#696969;
}

div#main clear {
   clear:both;
}


/* スペーサー枠 & */
div#main .space {
   width:480px;
   height:5px;
   margin:0px;
   padding:1px 0;
   background-color: #000; /* 背景色 */
   border: 1px #969696 solid; /* 枠線（太さ・色・スタイル） */
   clear:both;
}

div#main h1 {
   padding:2px 2px 2px 5px;
   margin-top: 22px;
   margin-bottom:5px;
   font-size:0.94em;
   color: #191970; /* 文字の色 */
   background:url(../common/line_bk_ent.gif);
   border-style: double; /* 枠の種類 */
   border-color: red; /* 枠の色 */
   border-width: 4px; /* 枠の幅 */
   line-height: 1.4; /*20%; /* 行の高さ */
   text-align: left; /*right; /* テキストの配置 */
}

/* h2 メイン表題1（枠）*/
div#main h2 {
   margin-bottom:5px;
   padding:2px 2px 2px 5px;
   font-size:0.94em;
   font-weight:bold;
   line-height:1.4;
   border-left: 6px solid red; /*000;*/
   border-right: 1px solid red; /*000;*/
   border-top: 1px solid red; /*000;*/
   border-bottom:3px double red; /*#a9a9a9;*/
   background:url(../common/bg_h2.gif);
}

/* h3 メインサブタイトル枠 & */
div#main h3 {
   margin-top:10px;
   padding:2px 2px 2px 5px;
   margin-bottom:5px;
   font-size:0.88em;
   border-left: 6px solid red; /*000;*/
   border-bottom:3px double red; /*#000;*/
   background:#fff
}

div#main h4 {
   margin-bottom:2px;
   font-size:0.85em;
   line-height:1.4;
}

div#main h5 {
   margin-top:2px;
   font-size:0.8em;
   font-weight:	normal;
   color: #4f4f4f;
   line-height:1.6;
}

div#main h6 {
   margin-top:2px;
   font-size:0.7em;
   font-weight:	normal;
   color: #4f4f4f;
   line-height:1.4;
}

div#main h7 {
   margin-top:0px;
   font-size:0.7em;
   font-weight:	normal;
   color: #4f4f4f;
   line-height:1.4;
}

div#main p{
   margin:0 0 1em 0;
   font-size:0.75em;
   line-height:1.4;
}

div#main ul,ol,dl{
   font-size:0.9em;
   margin-bottom:12px;

}

div#main li{
   margin-bottom:4px;

}

div#main dt{

}

div#main dd{
   padding:0;
   margin:0 0 1em 1em;
   padding:3px;
   background:#f1f1f1;
}

/* ========SUB1 CONTENTS CUSTOMIZE======== */
/* 画面左側のメニュー部位 */

div#sub1 .e {
   /*color: #fff;*/
}

div#sub1 .section1 {
   background:red;
   /*color:#fff;*/
}

/* Sub1のタイトル */

div#sub1 h2 {
   padding:5px;
   font-size:0.88em;
   font-weight:bold;
   background-color:#000;
   color:#fff;
   border-style: double; /* 枠の種類 */
   border-color: red; /*#fff; /*fff; /* 枠の色 */
   border-width: 3px; /* 枠の幅 */
}

div#sub1 h3 {
   padding: 1px;
   font-size:0.8em;
   font-weight: normal; /*bold;*/
   background: #fff; /* url(../common/bg_sub_h2.gif) 0 0 repeat-x;*/
   border-style: double; /* 枠の種類 */
   border-color: red; /*fff; /* 枠の色 */
   border-width: 3px; /* 枠の幅 */
}

div#sub1 h4 {
   padding: 3px;
   font-size:0.8em;
   font-weight: normal; /*bold;*/
   background: red;
}


div#sub1 ul {
   margin:0;
   padding:5px 0 0em  0em;
}

/* 実際のメニューボタン枠 */

div#sub1 li {
   margin:0;
   padding-left:0px ;
   font-size:0.88em;
   font-weight:bold;
   line-height: 1.5; /*1.8*/
   list-style:none;
}


/* ========SUB2 CONTENTS CUSTOMIZE======== */
/* 画面右側のメニュー部位 */

div#sub2 .section2 {
   background:red;
}

/* Sub2のタイトル */

div#sub2 h2 {
   padding:5px;
   font-size:0.88em;
   font-weight:bold;
   background-color:#000;
   color:#fff;
   border-style: double; /* 枠の種類 */
   border-color: red; /*#fff; /*fff; /* 枠の色 */
   border-width: 3px; /* 枠の幅 */

}

div#sub2 h3 {
   padding: 1px;
   font-size:0.8em;
   font-weight: normal; /*bold;*/
   background: #fff; /* url(../common/bg_sub_h2.gif) 0 0 repeat-x;*/
   border-style: double; /* 枠の種類 */
   border-color: red; /*fff; /* 枠の色 */
   border-width: 3px; /* 枠の幅 */
}

div#sub2 h4 {
   padding: 3px;
   font-size:0.8em;
   font-weight: normal; /*bold;*/
   background: red; /* url(../common/bg_sub_h2.gif) 0 0 repeat-x;*/
}

div#sub2 ul {
   margin:0;
   /*padding:5px 0 1em 1em;*/
   padding:5px 0 0em  0em;
}

div#sub2 li {
   margin:0;
   padding-left:0px ;
   font-size:0.88em;
   font-weight:bold;
   line-height: 1.5; /*1.8*/
   list-style:none;
}



/* ========FOOTER CUSTOMIZE======== */

/* 画面最上部へ移動 */
div#totop{

background-image: url(../common/to_top.gif);
background-repeat: no-repeat;
background-position: right;
   height: 20px;
   border-right:1px solid red ; /*#969696; /*#a9a9a9;*/
   border-left:1px solid red; /*#969696; /*#a9a9a9;*/
   position:relative;
   margin:-2px 0 0 0; /* 上　右　下　左 */
   border-top:1px solid red; /*#969696; /*#a9a9a9;*/
}

div#totop p{
   position:absolute;
   top:0;
   right:7px;
   margin:0;
   padding-left:8px;
   font-size:0.65em;
}

/* コピーライト部位　*/
address{
   padding:8px 0px;
   text-align:center;
   font-size:0.7em;
   /*ont-weight:bold;*/
   font-style :normal;
   color: #333;
   border-top: 1px solid red; /*#a9a9a9;*/
   border-bottom: 1px solid red; /*#a9a9a9;*/
   border-right: 1px solid red; /*#a9a9a9;*/
   border-left: 1px solid red; /*#a9a9a9;*/
}

/* フッター上 リンクスペース */
#linkspace{
    width: 798px;
    height: 16px;
    text-align: right;
    font-size: 10px;
    
    color:#333;
    border-right: 1px solid red ; /*#969696; /*#a9a9a9;*/
    border-left: 1px solid red; /*#969696; /*#a9a9a9;*/
    border-top: 1px solid red;
    overflow: hidden;
}


/* -------------- メニュー画像拡大　左側 ------------------------------------ */
.photo {
	position: relative;
	top: 0;
	right: 5px;
	width: 128px;
}

.photo a .large {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	top: 0;
	left: 6px;
}

.photo a.popup,
.photo a.popup:visited {
	display: block;
	width: 140px;
	top: 0;
	left: 0;
}

.photo a.popup:hover {
	background-color: #000;
}

.photo a.popup:hover .large {
	display: block;
	position: absolute;
	width: 280px;
	height: 210px;
	top: -85px;
	left: 134px;
}

/* -------------- メニュー画像拡大　右側 ------------------------------------ */
.photoright {
	position: relative;
        border:none;
	top: 0;
	right: 5px;
	width: 128px;
}

.photoright a .large {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	top: 0;
	right: -8px;
}

.photoright a.popup,
.photoright a.popup:visited {
	display: block;
	width: 140px;
	top: 0;
	right: 0;
}
.photoright a.popup:hover {
	background-color: #000;
}

.photoright a.popup:hover .large {
	display: block;
	position: absolute;
	width: 280px;
	height: 210px;
	top: -85px;
	right: 120px;
}