@charset "UTF-8";



html {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

body {margin: 0; background: #fff url(photo/back4.jpg); line-height: 20px; -webkit-text-size-adjust: none;}





/*----共通 タグ 設定----*/

table { border-spacing: 0px; width: 100%; }

td { padding : 8px; }

div {}

ul { margin: 0 0 0 10px; padding: 0 0 0 10px; }

li {line-height: 18px;}



a {color: #000066;}

p { line-height: 21px; font-size: 18px; padding-bottom:4px; margin: 0; }

aside { font-size: 15px; padding: 0; margin: 0; }

samp {}

details { font-size: 17px; padding: 2px;}

span { font-size: 15px; background: #006600; color: #ffffff;}

strong { font-size: 15px; background: #0066FF; color: #ffffff; }



/*---Header Footer Address and Title Box 設定-----*/

header {

color: #fff; 

padding: 5px 5px 17px 7px; 

height: 49px; 

background: rgba(180, 215, 235, 0.9)

-webkit-gradient(linear, 0% 0%, 0% 100%,

from(rgba(145, 190, 255, 0.7)),

to(rgba(55, 70, 200, 0.5)),

color-stop(50%,rgba(115, 150, 225, 0.3)),

color-stop(50%,rgba(70, 90, 210, 0.3))); 

}



h1 {font-size: 20px; font-weight: normal; margin: 0; padding-top: 2px; text-shadow: 2px 2px 3px #333;}

h2 {font-size: 13px; font-weight: normal; margin: 0; }

h3 {font-size: 14px; font-weight: normal; margin: 0; padding-top: 2px;}

img.logo {position: absolute; left: 4px; top: 3px; width: 310px; height: 68px; border-radius: 0px; border: 0;}



footer {background: rgba(255,255,255,0.9); padding:8px;}

address {color: #666699; font-size: 12px;}



#title td {padding: 5px 8px 7px 8px;}

#box td {padding: 7px 8px 3px 8px;}

#box div {height: 89px;}



/*---float 設定---*/

.f-left {float:left; margin: 2px 15px 0 0;}

.f-right {float:right; margin: 2px 0 8px 15px; }



/*---Color設定-----*/

#title { color: #0066CC;  background: rgba(255,255,255,0.5); }

#box { background: rgba(255,255,245,0.7); border-bottom: 1px solid #FF99CC; }

#box p { color: #0099CC;}

#box aside { color: #009900; padding-right: 30px;}/*attention-right*/

#area { color: #003399;  background: #e0effe; }

#photo { color: #333399; background: rgba(200,200,200,0.5);-webkit-box-shadow: inset 0px 3px 10px rgba(0,0,0,0.5), inset 0px -1px 3px rgba(0,0,0,0.3);}

#photo-c { color: #330000;  background: rgba(255,255,255,0.1); }



/*---追加Color設定-----*/

#area td.p1 { color: #006633;  background: rgba(255,255,255,0.5); }



/*---img設定-----*/

#title img { width:80px; height: 80px; }

#photo img { width:200px;-webkit-box-shadow: 1px 4px 4px rgba(0,0,0,0.5); }

#box img {width: 75px; height: 75px; float: left; margin-right: 10px; border-radius: 5px;-webkit-box-shadow: 1px 4px 4px rgba(0,0,0,0.4);}

#area img { width:300px; height: 170px; margin-bottom: 4px;}

#chart-box img { width:100px; height: 75px; float:right; margin: 0 0 10px 15px; }



article img { width:100px; height: 75px; }

menu img { width:80px; height: 80px; }



/*---追加img設定-----*/



/*---link設定-----*/

#title a { color: #0099CC;  text-decoration: underline;}

#photo a { color: #990000;  text-decoration: underline;}

#photo-c a { color: #990000;  text-decoration: underline;}

#box a {height: 100%; background: url(button/arrow.png) no-repeat right center;/*黒arrow白arrow-wh*/

display: block; text-decoration: none;}

#area a { color: #990000;  text-decoration: underline;}

article a { color: #990000;  text-decoration: underline;}

menu a { color: #990000;  text-decoration: underline;}

address a { color: #990000;  text-decoration: underline;}





/*---デザイン設定 article menu etc---*/



article { color: #666;  font-size: 13px; background: rgba(0,0,0,0.1);  position: relative; top: 0px; left: 0px; padding: 8px; margin: 0; border-bottom: 1px solid #333;}

article img  {position: absolute; top: 12px; right: 8px;}

article table  {width: 90%;}

article td  {padding: 0px 0px 5px 0;}

article .first-col {width: 40px;}



menu { color: #666;  font-size: 20px;  background: rgba(0,0,0,0.1); padding: 20px; margin: 0; }

datalist {}





/*------ザイン設定 chart-box--------*/

#chart-box {padding: 4px;}

#chart-box table { border-bottom: 1px solid #660000;}

#chart-box td {padding:3px 3px 3px 8px; height: 20px;}

#chart-box p { color: #669900;}

#chart-box aside { color: #000066;}

#chart-box .main { color:#333; font-size: 15px; background: rgba(255,255,255,0.7); border-top: 1px solid #fff;}

#chart-box .sub {color:#666600;  font-size: 15px; background: rgba(255,255,255,0.4);}



/*----ザイン設定 photo-c----*/

#photo-c table {width: 320px; position: relative; top: 0; left 0; height:10px; border-spacing: 0;}

#photo-c td {padding: 0 0 8px 0;}

#photo-c .comment {padding: 4px;}

#photo-c img {width: 320px;}

#photo-c .backward {position: absolute;left: 2px;top: 14px;-webkit-border-image:url(button/back.png)0 6 0 12 /0 6px 0 12px;padding: 0 2px 0 2px;color: #fff;font-weight:normal;text-decoration: none;font-size: 14px;line-height: 28px;text-shadow:0px -1px 1px #111;}

#photo-c .forward {position: absolute;right: 4px;top: 14px;-webkit-border-image:url(button/back1.png)0 6 0 12 /0 6px 0 12px;padding: 0 2px 0 2px;color: #fff;font-weight:normal;text-decoration: none;font-size: 14px;line-height: 28px;text-shadow:0px -1px 1px #111;}



/*------ザイン設定 show------*/

#show td {padding: 0 2px 8px 2px;}

#show .bar { padding: 2px; color: #0066CC;  font-size: 15px; background: #CC0066;}

#show td {padding: 0px 3px 8px 3px;}

#show .contents { padding: 4px; border: 1px solid #990000;}

#show a { color: #ffffff; display: block; padding-left: 2px; text-decoration: none;}



/*------ザイン設定 list-menu--------*/

#list-menu { width: 100%; color: #fff; }

#list-menu div {background: rgba(0,0,0,0.7) url(photo/wood.jpg) ; -webkit-box-shadow: inset 4px 4px 8px rgba(0,0,0,0.5), inset -3px -3px 3px rgba(0,0,0,0.5); border-radius: 7px; padding: 10px 9px 8px 9px;}

#list-menu p { padding: 3px; line-height: 18px;}

#list-menu span { padding: 4px;}

#list-menu .title { background: rgba(255,255,255,0.3); -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.5); color: #fff; padding:4px; margin: 5px 0 7px 0;}

#list-menu ul {padding: 0 0 0 12px; margin: 0 0 0 12px;}

#list-menu a { color: #990000; }



/*----ザイン設定 button-box---*/

#button-box table {width: 200px; position: relative; top: 0; left 0; height:10px; border-spacing: 0;}

#button-box td {padding: 2px;}



.button {

display: block; 

text-decoration: none;

width: 100px;

height: 20px;

color: #666;

line-height: 14px;

padding-top: 5px;

 font-size: 15px; text-align: center; 

background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.2, #eeeeee), color-stop(0.8, #eeeeee),  to(#999999));

border: 1px solid #000;

 border-radius: 5px;

}



.button1 {

display: block; 

text-decoration: none;

width: 100px;

height: 20px;

color: #666;

line-height: 14px;

padding-top: 5px;

 font-size: 15px;

 text-align: center;

 background: rgba(255,255,255,0.8);

-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.8);

 border: 1px solid #ccc;

}



.button4 {

display: block; 

text-decoration: none;

width: 100px;

height: 20px;

color: #111;

line-height: 14px;

padding-top: 5px;

 font-size: 15px;

 text-align: center;

 background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), color-stop(0.2, #ffcc00), color-stop(0.8, #ff9999),  to(#ff6666));



 -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.8);

 border-radius: 4px;}



.button3 {

display: block; 

text-decoration: none;

width: 100px;

height: 20px;

color: #fff;

line-height: 14px;

padding-top: 5px;

 font-size: 15px;

 text-align: center;

 background: -webkit-gradient(linear, left top, left bottom, from(#66ccff), color-stop(0.2, #3399ff), color-stop(0.8, #0099ff),  to(#0066cc));

 -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.8);

 border-radius: 4px;}



.button2 {

display: block; 

text-decoration: none;

width: 100px;

height: 20px;

color: #111;

line-height: 14px;

padding-top: 5px;

 font-size: 15px;

 text-align: center;

 background: -webkit-gradient(linear, left top, left bottom, from(#99ff00), color-stop(0.2, #66cc66), color-stop(0.8, #33cc33),  to(#009966));

 -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.8);

 border-radius: 4px;}



.button5 {

display: block; 

text-decoration: none;

width: 100px;

height: 20px;

color: #111;

line-height: 14px;

padding-top: 5px;

 font-size: 15px;

 text-align: center;

 background: -webkit-gradient(linear, left top, left bottom, from(#ffccff), color-stop(0.2, #ff66cc), color-stop(0.8, #ff3399),  to(#cc00cc));

 -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.8);

 border-radius: 4px;}



.button6 {

display: block; 

text-decoration: none;

width: 100px;

height: 20px;

color: #111;

line-height: 14px;

padding-top: 5px;

 font-size: 15px;

 text-align: center;

 background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.2, #eeeeee), color-stop(0.8, #eeeeee),  to(#999999)); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.8);

 border-radius: 30px;}