@charset "UTF-8";

body {margin: 0; background: #fff url(photo/back4.jpg); line-height: 17px; -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: #0066cc; color: #ffffff;}
strong { font-size: 15px; background: #000; color: #ffffff; }

/*---Header Footer Address and Title Box 設定-----*/
header {
color: #fff; 
padding: 5px 5px 17px 7px; 
height: 49px; 
background: rgba(0, 0, 195, 0.7)
-webkit-gradient(linear, 0% 0%, 0% 100%,
from(rgba(255, 255, 255, 0.5)),
to(rgba(255, 255, 255, 0.1)),
color-stop(50%,rgba(230, 230, 230, 0.3)),
color-stop(50%,rgba(230, 230, 230, 0.2))); 
}

h1 {font-size: 20px; font-weight: normal; margin: 0; padding-top: 4px; 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: 4px;}
img.logo {position: absolute; right: 8px; top: 8px; width: 70px; height: 50px; border-radius: 4px;}

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: #666;  background: rgba(255,255,255,0.1); }
#box { background: rgba(75,75,235,0.1); border-bottom: 1px solid #666; }
#box p { color: #666600;}
#box aside { color: #000; padding-right: 30px;}/*attention-right*/
#area { color: #666;  background: rgba(255,255,255,0.5); }
#photo { color: #666; 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: #666;  background: rgba(255,255,255,0.1); }

/*---追加Color設定-----*/
#area td.p1 { color: #666;  background: rgba(255,255,255,0.5); }

/*---img設定-----*/
#title img { width:80px; height: 80px;}
#photo img { width:180px; height: 120px;-webkit-box-shadow: 1px 4px 4px rgba(0,0,0,0.5);}
#box img {width: 80px; height: 80px; float: left; margin-right: 10px; border-radius: 5px;-webkit-box-shadow: 1px 4px 4px rgba(0,0,0,0.4);}
#area img { width:130px; height: 110px;}
#chart-box img { width:70px; height: 50px; float:right; margin: 0 0 0 15px; }
article img { width:100px; height: 80px; }
menu img { width:80px; height: 80px; }

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

/*---link設定-----*/
#title a { color: #990000;  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; height: 200px;}
#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: #fff;  font-size: 15px; background: #6666ff;}
#show td {padding: 0px 3px 8px 3px;}
#show .contents { padding: 4px; border: 1px solid #990000;}
#show a { color: #fff; 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;
}

.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(#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;}

.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(#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;}