@charset "utf-8";
/* ===================================================================
【 fonts 】------------------
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9%? 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197%
【 js/effect.js 】------------------
.fade_50 - オンマウスで半透明にする（img要素に適用）
.fade_0 - オンマウスで透明にする（a要素に適用）
.whiteRollover - オンマウスでa要素に半透明の白背景を適用
.tooltip - トリガー部分と非表示ボックスを.tooltipで囲み、トリガー部分に.triggerを記述
【 js/fancybox.js 】------------------
【 WebFont - http://code.google.com/webfonts 】------------------
Winで再現されない：JosefinSansStd-Light
Winでもいい感じ：Bellerose
Winでそこそこ読める：CaviarDreams
Winで解像度が荒い：ChampagneAndLimousines / avian /
Winで細過ぎて読めない：GeosansLight / ASENINE / CaviarDreams / cumulus / Steinerlight / Walkway_SemiBold /
=================================================================== */
/* ====================================
Clearfix
==================================== */
.clearfix:before,.clearfix:after {content:"";display:table;}/* For modern browsers */
.clearfix:after {clear:both;}
.clearfix {zoom:1;} /* For IE 6/7 (trigger hasLayout) */
/* WebFont */
@font-face{
font-family:'WebFont';
src:url('font/CaviarDreams.eot'); /* for IE */
src:local('hide from IE'),url('font/JosefinSansStd-Light.ttf') format('truetype'); /* not IE */
}
/* tooltip */
.tooltip {position:relative; }
.tooltip .trigger {cursor:default;color:green;}
.tooltip div{
width:200px;
position:absolute;top:50px;left:0; /* Position of Tooltip */
z-index:2;
padding:15px;
color:#333;
background:#f2f2f2; /*must for IE6*/
background:#f2f2f2 -webkit-gradient(linear, center top, center bottom, from(#f2f2f2), to(#e7e7e7));
background:#f2f2f2 -moz-linear-gradient(top, #f2f2f2, #e7e7e7);
border:solid 1px lightgrey;
box-shadow:lightgrey 0px 0px 5px;-webkit-box-shadow:lightgrey 0px 0px 5px;-moz-box-shadow:lightgrey 0px 0px 5px;
opacity:0.9;-moz-opacity:0.9;-ms-filter:"alpha(opacity=90)";filter:alpha(opacity=90);
-webkit-border-radius:5px;-moz-border-radius:5px;
display:none;
}
/* whiteRollover */
a.whiteRollover {
display:block;
-webkit-transition:0.2s linear;
-moz-transition:0.2s linear;
-o-transition:0.2s linear;
}
a:hover.whiteRollover {
background:white;
opacity:0.5;
-moz-opacity:0.5;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
}
/* ====================================
class
==================================== */
.textbox {margin:10px 0;padding:10px;border:solid 1px silver;}
.textout {text-indent:-9999px;}
.center {text-align:center;}
.align_l {text-align:left;}
.align_r {text-align:right;}
.hidden {display:none;}
.inline {display:inline;}
.block {display:block;}
.float_l {float:left;}
.float_r {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
.font_150 {font-size:150%;}
.font_140 {font-size:140%;}
.font_130 {font-size:130%;}
.font_120 {font-size:120%;}
.font_110 {font-size:110%;}
.font_90 {font-size:90%;}
.font_80 {font-size:80%;}
.font_70 {font-size:70%;}
.white {color:#ffffff;}
.black {color:#000000;}
.grey {color:#808080;}
.red {color:#ff3333;}
.blue {color:#6495ed;}
.green {color:#779100;}
.orange {color:#ff8c00;}
.purple {color:#800080;}
.yellow {color:#ffff00;}
.brown {color:#8b4513;}
.bg_white {background-color:#ffffff;background:-webkit-gradient(linear,center top,center bottom,from(#ffffff),to(#fbfbfb));background:-moz-linear-gradient(top,#ffffff,#fbfbfb);}
.bg_black {background-color:#000000;background:-webkit-gradient(linear,center top,center bottom,from(#050505),to(#000000));background:-moz-linear-gradient(top,#050505,#000000);}
.bg_grey {background-color:#e0e0e0;background:-webkit-gradient(linear,center top,center bottom,from(#e5e5e5),to(#e0e0e0));background:-moz-linear-gradient(top,#e5e5e5,#e0e0e0);}
.bg_silver {background-color:#f5f5f5;background:-webkit-gradient(linear,center top,center bottom,from(#f7f7f7),to(#f5f5f5));background:-moz-linear-gradient(top,#f7f7f7,#f5f5f5);}
.bg_red {background-color:#fff2f2;background:-webkit-gradient(linear,center top,center bottom,from(#fff5f5),to(#fff2f2));background:-moz-linear-gradient(top,#fff5f5,#fff2f2);}
.bg_blue {background-color:#f5f5ff;background:-webkit-gradient(linear,center top,center bottom,from(#f7f7ff),to(#f5f5ff));background:-moz-linear-gradient(top,#f7f7ff,#f5f5ff);}
.bg_green {background-color:#f5fff5;background:-webkit-gradient(linear,center top,center bottom,from(#fafffa),to(#f5fff5));background:-moz-linear-gradient(top,#fafffa,#f5fff5);}
.bg_orange {background-color:#fff5eb;background:-webkit-gradient(linear,center top,center bottom,from(#fff7f0),to(#fff5eb));background:-moz-linear-gradient(top,#fff7f0,#fff5eb);}
.bg_purple {background-color:#fff5ff;background:-webkit-gradient(linear,center top,center bottom,from(#fff7ff),to(#fff5ff));background:-moz-linear-gradient(top,#fff7ff,#fff5ff);}
.bg_yellow {background-color:#ffffed;background:-webkit-gradient(linear,center top,center bottom,from(#ffffee),to(#ffffed));background:-moz-linear-gradient(top,#ffffee,#ffffed);}
.bd_white {border:solid 1px #ffffff;}
.bd_black {border:solid 1px #f9f9f9;}
.bd_grey {border:solid 1px #808080;}
.bd_silver {border:solid 1px #c0c0c0;}
.bd_red {border:solid 1px #fff5f5;}
.bd_blue {border:solid 1px #f5f5ff;}
.bd_green {border:solid 1px #f5fff5;}
.bd_orange {border:solid 1px #fff5eb;}
.bd_purple {border:solid 1px #fff5ff;}
.bd_yellow {border:solid 1px #ffffeb;}
.radius_10 {border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.radius_20 {border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.radius_30 {border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.radius_40 {border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;}
.radius_50 {border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
.shadow_black {box-shadow:#f9f9f9 0px 0px 5px;-webkit-box-shadow:#f9f9f9 0px 0px 5px;-moz-box-shadow:#f9f9f9 0px 0px 5px;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#f9f9f9,Strength=5,Direction=135);}
.shadow_white {box-shadow:#ffffff 0px 0px 5px;-webkit-box-shadow:#ffffff 0px 0px 5px;-moz-box-shadow:#ffffff 0px 0px 5px;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#ffffff,Strength=5,Direction=135);}
.shadow_grey {box-shadow:#808080 0px 0px 5px;-webkit-box-shadow:#808080 0px 0px 5px;-moz-box-shadow:#808080 0px 0px 5px;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#808080,Strength=5,Direction=135);}
.shadow_silver {box-shadow:#c0c0c0 0px 0px 5px;-webkit-box-shadow:#c0c0c0 0px 0px 5px;-moz-box-shadow:#c0c0c0 0px 0px 5px;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#c0c0c0,Strength=5,Direction=135);}
.mg_5 {margin:5px;}
.mg_10 {margin:10px;}
.mg_15 {margin:15px;}
.mg_20 {margin:20px;}
.mg_25 {margin:25px;}
.mg_30 {margin:30px;}
.mgt_5 {margin-top:5px;}
.mgt_10 {margin-top:10px;}
.mgt_15 {margin-top:15px;}
.mgt_20 {margin-top:20px;}
.mgt_25 {margin-top:25px;}
.mgt_30 {margin-top:30px;}
.mgt_35 {margin-top:35px;}
.mgr_5 {margin-right:5px;}
.mgr_10 {margin-right:10px;}
.mgr_15 {margin-right:15px;}
.mgr_20 {margin-right:20px;}
.mgr_25 {margin-right:25px;}
.mgr_30 {margin-right:30px;}
.mgl_5 {margin-left:5px;}
.mgl_10 {margin-left:10px;}
.mgl_15 {margin-left:15px;}
.mgl_20 {margin-left:20px;}
.mgl_25 {margin-left:25px;}
.mgl_30 {margin-left:30px;}
.mgb_5 {margin-bottom:5px;}
.mgb_10 {margin-bottom:10px;}
.mgb_15 {margin-bottom:15px;}
.mgb_20 {margin-bottom:20px;}
.mgb_25 {margin-bottom:25px;}
.mgb_30 {margin-bottom:30px;}
.pd_5 {padding:5px;}
.pd_10 {padding:10px;}
.pd_15 {padding:15px;}
.pd_20 {padding:20px;}
.pd_25 {padding:25px;}
.pd_30 {padding:30px;}
.pdt_5 {padding-top:5px;}
.pdt_10 {padding-top:10px;}
.pdt_15 {padding-top:15px;}
.pdt_20 {padding-top:20px;}
.pdt_25 {padding-top:25px;}
.pdt_30 {padding-top:30px;}
.pdr_5 {padding-right:5px;}
.pdr_10 {padding-right:10px;}
.pdr_15 {padding-right:15px;}
.pdr_20 {padding-right:20px;}
.pdr_25 {padding-right:25px;}
.pdr_30 {padding-right:30px;}
.pdl_5 {padding-left:5px;}
.pdl_10 {padding-left:10px;}
.pdl_15 {padding-left:15px;}
.pdl_20 {padding-left:20px;}
.pdl_25 {padding-left:25px;}
.pdl_30 {padding-left:30px;}
.pdb_5 {padding-bottom:5px;}
.pdb_10 {padding-bottom:10px;}
.pdb_15 {padding-bottom:15px;}
.pdb_20 {padding-bottom:20px;}
.pdb_25 {padding-bottom:25px;}
.pdb_30 {padding-bottom:30px;}
.gradient_80 {background-image:url(images/bg_gradient80.png);background-repeat:repeat-x;}
.gradient_60 {background-image:url(images/bg_gradient60.png);background-repeat:repeat-x;}
.gradient_40 {background-image:url(images/bg_gradient40.png);background-repeat:repeat-x;}
.gradient_20 {background-image:url(images/bg_gradient20.png);background-repeat:repeat-x;}
.opacity_80 {opacity:0.8;-moz-opacity:0.8;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);}
.opacity_50 {opacity:0.5;-moz-opacity:0.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);}
.opacity_30 {opacity:0.3;-moz-opacity:0.3;-ms-filter:"alpha(opacity=30)";filter:alpha(opacity=30);}
.boxshadow {box-shadow:lightgrey 0px 0px 5px;-webkit-box-shadow:lightgrey 0px 0px 5px;-moz-box-shadow:lightgrey 0px 0px 5px;}
.radius_5 {-webkit-border-radius:5px;-moz-border-radius:5px;}
.radius_10 {-webkit-border-radius:10px;-moz-border-radius:10px;}
.radius_20 {-webkit-border-radius:20px;-moz-border-radius:20px;}
/* ====================================
アイコン & ライン
==================================== */
.icon_1 {background:url(images/icon_ul_15.jpg) no-repeat center left;padding-left:1em;margin-left:0.1em;}
.icon_2 {background:url(images/icon_ul_09.jpg) no-repeat center left;padding-left:1em;margin-left:0.1em;}
.icon_3 {background:url(images/icon_ul_11.jpg) no-repeat center left;padding-left:1em;margin-left:0.1em;}
.line_01 {border-bottom:dashed 1px silver;}
/* ====================================
CSSボタン
==================================== */
a.button_1 {width:20em;padding:10px 0;display:block;text-align:center;font-size:0.9em;border:solid 1px lightgrey;background:#fafafa;background:-webkit-gradient(linear, center top, center bottom, from(white), to(whitesmoke));background:-moz-linear-gradient(top, white, whitesmoke);} /* IE6はblock要素でも子要素のサイズに引き伸ばされる */
/* ====================================
?
==================================== */
.subtitle_1 {font-size:16px;height:60px;padding-left:50px;line-height:50px;background:url(../images/h2_bg.jpg);overflow:hidden;color:white;font-weight:normal;_font-weight:bold;}
.subtitle_2 {
color:white;
font-size:1.1em;
padding:10px 10px 8px;
margin:10px 10px 10px;
border: 1px solid #000000;
background:#fafafa;
background:#222222;
background:-webkit-gradient(linear, center top, center bottom, from(#555555), to(#222222));
background:-moz-linear-gradient(top, #555555, #222222);
}
.subtitle_3 {font-size:1.1em;background:url(images/h3_bg.jpg) no-repeat;font-weight:bold;color:#669900;padding:10px 20px;margin:10px 0 5px;border-bottom:solid 1px #99cc00;}
.subtitle_4 {font-size:1.1em;background:url(images/bg_stripe_01.jpg);font-weight:bold;color:#808053;padding:12px 10px 10px 10px;margin:10px 0 15px;border-left:solid 8px #cccc99;text-shadow: 1px 1px 0px white;}
.subtitle_5 {background:url(images/subtitle_5.jpg);width:640px;padding-left:40px;height:60px;line-height:60px;font-size:1.1em;color:#666;font-weight:bold;text-shadow:1px 1px 0px whitesmoke;}
/* ====================================
==================================== */
.ul_1 li {list-style:none;background:url(images/icon_ul_15.jpg) no-repeat 1px 4px;padding-left:14px;}
/* 画像リスト用 : pはキャプション */
ul.fltgallery {list-style:none;font-size:0.9em;}
ul.fltgallery li {float:left;border:solid 1px silver;margin:0 5px 5px 0;background:whitesmoke;text-align:center;}
ul.fltgallery li img{border:solid 1px white;}
ul.fltgallery li p {padding:7px 0 5px;background:whitesmoke;border-bottom:solid 1px white;border-left:solid 1px white;border-right:solid 1px white;}
/* 画像リスト用：インライン横4列 */
ul.imgGallery2 {list-style:none;}
ul.imgGallery2 li {display:inline;}
ul.imgGallery2 img {border:solid 2px white;margin:0 3px 3px 0;box-shadow:silver 0px 0px 5px;-webkit-box-shadow:silver 0px 0px 5px;-moz-box-shadow:silver 0px 0px 5px;}
/* ====================================
==================================== */
dl.dl_1 dt {border-left:solid 5px burlywood;padding-left:5px;font-weight:bold;color:saddlebrown;}
dl.dl_1 dd {border-left:solid 5px burlywood;padding-left:5px;margin-bottom:8px;}
dl.dl_2 dt {border-left:solid 5px gainsboro;padding-left:10px;font-weight:bold;color:#779100;}
dl.dl_2 dd {border-left:solid 5px gainsboro;padding-left:10px;margin-bottom:10px;}
dl.dl_8 {border-bottom:dashed 0px silver;} /* table型 dtのheightは固定でddをネガティヴマージンで高さ合わせる */
dl.dl_8 dt {height:22px;padding:8px 0 0 5px;font-size:0.9em;}
dl.dl_8 dd {margin-top:-30px;padding:8px 8px 6px 110px;border-bottom:dashed 1px silver;}
dl.dl_9 {border-bottom:dashed 1px silver;} /* table型 dtのwidthは固定 */
dl.dl_9 dt {float:left;clear:both;width:110px;padding:8px 0;text-shadow: 1px 1px 0px white;border-top:dashed 1px silver;font-size:0.85em;text-align:right;}
dl.dl_9 dd {margin-left:110px;padding:8px 8px 6px;border-top:dashed 1px silver;}
/* そのうち消す */.dlTable_01 {background:#ededed;border-left:solid 1px silver;border-right:solid 1px silver;border-bottom:solid 1px silver;}
/* そのうち消す */.dlTable_01 dt {float:left;clear:both;width:150px;padding:8px 0;text-align:center;text-shadow: 1px 1px 0px white;font-weight:bold;background:url(images/bg_gradient60.png) repeat-x;border-top:solid 1px silver;}
/* そのうち消す */.dlTable_01 dd {margin-left:150px;padding:8px;background:white;border-top:solid 1px silver;border-left:solid 1px silver;}
/* ====================================
==================================== */
/* table：文字幅に合わせたサイズ（セル内で自動改行しない） */
.table_01 {background:lightgrey;border-collapse:separate;border-spacing:1px;margin:20px auto;}
.table_01 caption {color:orange;font-weight:bold;font-size:1.4em;padding:5px;text-align:left;}
.table_01 caption span {font-size:0.7em;padding-left:10px;}
.table_01 th {padding:8px 6px 6px;width:20%;white-space:nowrap;background:#111111 ; border:solid 1px white;text-shadow: 1px 1px 0px white;vertical-align:middle;}
.table_01 td {padding:8px 6px 6px;background:white;vertical-align:middle;}
/* table：文字幅に合わせたサイズ（セル内で自動改行しない） */
.table_02 {width:10%;background:lightgrey;border-collapse:separate;border-spacing:1px;}
.table_02 caption {color:grey;padding:3px;}
.table_02 th {white-space:nowrap;padding:6px; background:#111111;border:solid 1px white; vertical-align:middle;}
.table_02 td {white-space:nowrap;padding:6px;background:#111111;vertical-align:middle;}
/* ====================================
NEW!
==================================== */
a.button3d {
border-top: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #ccc;
font-weight: bold;
color: #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
-webkit-box-shadow: 1px 1px 2px #E7E7E7;
-moz-box-shadow: 1px 1px 2px #E7E7E7;
background-color:#f5f5f5;background:-webkit-gradient(linear,center top,center bottom,from(#f7f7f7),to(#f5f5f5));background:-moz-linear-gradient(top,#f7f7f7,#f5f5f5);
background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
}
/* マウスオーバー時 */
a.button3d:hover {
background-color:#e0e0e0;background:-webkit-gradient(linear,center top,center bottom,from(#e5e5e5),to(#e0e0e0));background:-moz-linear-gradient(top,#e5e5e5,#e0e0e0);
background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}
.button3d:active {
border-top: 1px solid #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #999;
}
a:link.button3d {color: #666; }
a:visited.button3d {color: #666; }