@charset "euc-jp";

/* ==================================================
base
-------------------------------------------------- */
body {background:url(../images/bg.jpg) repeat-x;color:#344f5f;font-family: Verdana, '¥á¥¤¥ê¥ª', Meiryo, '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'MS PGothic', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka;text-align:center;margin:0;padding:0;font-size:13px;line-height:1.4;}

a { color:#F90; text-decoration: none; }
a:visited { color:#F90; text-decoration: none; }
a:active,
a:hover { color:#F90; text-decoration: underline;}


h1,h2,h3,h4,h5,ul,li,dl,dt,dd { padding:0; margin:0; }


img { border:0 }
.clear {clear:both;}


/* ==================================================
LAYOUT
-------------------------------------------------- */
div#wrapper { background-color:#FFF; text-align:left; margin:0 auto; padding:0; width: 990px; }
div#content { width:775px; float:right; text-align:center; margin-bottom:50px;}

div#content #content02 { width:755px; float:right; text-align:left;}
div#content #content02 h3 { color: #085390; background: url(../images/midashi_bg.gif) no-repeat left bottom; padding-bottom: 4px; font-size: 16px; font-weight:bold;margin: 20px 0 10px 15px; }
div#content #content02 .blue{color: #fff;background-color:#9CBBC2;padding: 3px 10px;font-size: 14px;font-weight:bold;margin: 0 5px 0 15px;}
div#content #content02 .purple{color: #fff;background-color:#7D7DA2;padding: 3px 10px;font-size: 14px;font-weight:bold;margin: 0 5px 0 15px;}
div#content #content02 .green{color: #fff;background-color:#8DA099;padding: 3px 10px;font-size: 14px;font-weight:bold;margin: 0 5px 0 15px;}
div#content #content02 .brown{color: #fff;background-color:#A8958C;padding: 3px 10px;font-size: 14px;font-weight:bold;margin: 0 5px 0 15px;}
div#content #content02 .txt { margin:15px; text-align:left;}
div#content #content02 .txt span { font-size:13px; font-weight:bold;}
div#content #content02 .txtp { margin:5px 5px 15px 15px; text-align:left;}
div#content #content02 .cap { margin:5px 15px 15px ; font-size:10px; text-align:left;}
div#content #content02 .name { margin:15px; font-size:13px; line-height:1.4; text-align:right;}

.program {width:470px; margin:0; padding:0;}
.promotion {width:470px; margin:0; padding:0;}
.promotion .box {background:url(../images/pro_bg.gif) repeat-x;; border:solid 1px #88bdda; padding:10px; margin:5px 0 10px 15px;}
.promotion .box p { margin:5px 0; line-height:1.2;}
.promotion .box span {font-size:14px;font-weight:bold;color:#085390;}

.r_list { color: #085390; background: url(../images/midashi_bg2.gif) no-repeat left bottom; padding-bottom: 4px; font-size: 16px; font-weight:bold;margin: 20px 0 10px 15px; }


.m30 {margin-top:30px;}
.ico {float:left; margin:5px 15px 5px 0;}

div#navi { float:right; width:206px; margin-bottom:50px; text-align:center;}
div#navi a { text-decoration:none;}

table {margin:15px 15px 5px;}
th {background-color:#eaeff3; font-size:13px; font-weight:bold; color:#085390; text-align:center; padding:7px 30px;}
td {background-color:#f3f3f3; font-size:13px; color:#344f5f; text-align:left; padding:7px 30px; line-height:1.3;}
td span {font-weight:bold; font-size:15px;}

.ph { float:right; margin:0 15px 15px 15px;}
.pict { margin:15px;}
.pict_box { float:right; margin:0 0 10px 10px;}

.box_l { float:left; width:365px; }
.box_r { float:right; width:365px; }

#gotop {text-align:right; padding:20px 5px;}

/* ==================================================
HEADER & FOOTER
-------------------------------------------------- */
#footer { width:980px; background:#000; color:#fff; font-size:12px; padding:20px 10px; text-align:center; line-height:1.4;}
div#header { height:180px; }

#footer a.foot { color:#fff; text-decoration: none; }
#footer a:visited .foot{ color:#fff; text-decoration: none; }
#footer a:active,a:hover .foot { color:#ccc; text-decoration: underline;}
