@charset utf-8;

/* --------------------------------------------------------------------------------
Font Size

08px = 63%          14px = 108%            20px = 153.9%       
09px = 70%          15px = 116%            21px = 161.6%
10px = 77%          16px = 123.1%          22px = 167%
11px = 85%          17px = 131%            23px = 174%
12px = 93%          18px = 138.5%          24px = 182%
13px = 100%         19px = 146.5%          25px = 189%
-------------------------------------------------------------------------------- */

html { height:100%; background:url(../../../../img/images/project/karasu/bg_h40.png) repeat-x 0 0; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;  letter-spacing:0; color:#333; background:url(../../../../img/images/project/karasu/bg_h110.png) repeat-x 0 bottom; position:relative; }
div.hidden { overflow-x:hidden; }

a { color:#595858; text-decoration:none; }
a:hover { color:#FF8C00; }

/* WRAP */
#wrap { margin:0 auto; width:1170px; overflow:hidden; position:relative; }

/* HEADER */
#header { margin:0 auto; padding-right:100px; height:40px; position:relative; }
#header h1 { font-size:9px; position:absolute; top:5px; left:100px; }

#header ul.shareLink { margin:0; padding-top:9px; width:auto; float:right; overflow:hidden; }
#header ul.shareLink li { margin-left:5px; width:auto; float:right; }
/* HEADER */

/* TopBlock */
#topblock { width:1170px; position:relative; background:url(../../../../img/images/project/karasu/imageL.jpg) no-repeat center 0; }
#topblock h2 { text-indent:100%; white-space:nowrap; width:1170px; height:505px; overflow:hidden; }
#topblock p { font-size:131%; font-weight:bold; line-height:1.5; color:#FFF; position:absolute; left:115px; top:300px; }
/* TopBlock */

/* ScheduleBlock */
dl#scblock { padding:0 100px; width:970px; background:rgba(0,0,0,0.50); position:absolute; left:0; bottom:0; }
dl#scblock dt { padding:10px; font-size:108%; line-height:1.25; color:#FFF; position:absolute; top:0; left:105px; }
dl#scblock dd { padding-left:150px; width:475px; border-left:5px solid #FF8C00; }
dl#scblock dd ul { padding:10px 10px 5px; border:solid #FFF; border-width:0 1px; }
dl#scblock dd ul li { margin-bottom:5px; font-size:108%; line-height:1.25; color:#FF8C00; }
dl#scblock dd ul li a { color:#FFF; text-decoration:underline; } dl#scblock dd ul li a:hover { color:#FF8C00; text-decoration:none; }
/* ScheduleBlock */


/* Container */
#container { padding:20px 100px; width:970px; background:url(../../../../img/images/project/karasu/bg_container.gif) repeat; overflow:hidden; }

#container h3, #container h4 { margin-bottom:10px; font-size:153.9%; font-weight:bold; line-height:1.5; color:#FF8C00; }

/* Content */
#content { padding:15px; width:600px; float:left; background:#FFF; border-radius:15px; }
#content p { margin-bottom:10px; font-size:108%; line-height:1.5; text-align:center; }


/* Form Table */
table { margin-bottom:20px; width:100%; }
table th { padding:0 15px; font-size:146.5%; line-height:2.0; text-align:left; color:#FFF; background:#595858; }
table th span { font-size:77%; color:#FF8C00; }
table td { padding:10px 0 15px 15px; background:#B0B0B2; }
input,select { display:inline; margin:0; padding:5px 3px; font-size:93%; font-weight:normal; line-height:40px; height:40px; vertical-align:middle; position:relative; border:none; background:#FFF; border-radius:3px; }
input[type="text"] { line-height:30px; height:30px; }

input[type="submit"], input[type="button"] { margin-bottom:5px; padding:15px 0; font-size:131%; font-weight:bold; line-height:1.25; width:240px; height:auto; border:1px solid; border-radius:5px; }
input[type="submit"] { color:#FFF; border-color:#FF8C00; background:-webkit-linear-gradient(bottom, #FFA600 0%, #FF8C00 50%, #FF8C00 100%); background:-moz-linear-gradient(0deg, #FFA600 0%, #FF8C00 50%, #FF8C00 100%); background:linear-gradient(0deg, #FFA600 0%, #FF8C00 50%, #FF8C00 100%);}
input[type="submit"]:hover { background:-webkit-linear-gradient(bottom, #FF8C00 0%, #FFA600 50%, #FFA600 100%); background:-moz-linear-gradient(0deg, #FF8C00 0%, #FFA600 50%, #FFA600 100%); background:linear-gradient(0deg, #FF8C00 0%, #FFA600 50%, #FFA600 100%);}
input[type="button"] { margin-right:20px; color:#595858; border-color:#AAA; background:-webkit-linear-gradient(bottom, #B3B3B5 0%, #DBDBDB 50%, #DBDBDB 100%); background:-moz-linear-gradient(0deg, #B3B3B5 0%, #DBDBDB 50%, #DBDBDB 100%); background:linear-gradient(0deg, #B3B3B5 0%, #DBDBDB 50%, #DBDBDB 100%); }
input[type="button"]:hover { background:-webkit-linear-gradient(bottom, #DBDBDB 0%, #B3B3B5 50%, #B3B3B5 100%); background:-moz-linear-gradient(0deg, #DBDBDB 0%, #B3B3B5 50%, #B3B3B5 100%); background:linear-gradient(0deg, #DBDBDB 0%, #B3B3B5 50%, #B3B3B5 100%); }

table td dl { margin-right:15px; width:300px; float:left; }
table td dl dt { margin-bottom:5px; font-size:131%; line-height:1.5; color:#333; }
table td dl dd, table td.doubleA { font-weight:bold; color:#FFF; }
table td dl dd select { width:294px; }
table td dl dd .hide { display:none; }
table td dl + dl { width:250px; }
table td dl + dl dd select { width:244px; }
table td dl + dl dd select.prefecture { width:184px; }

table td.doubleA dl dd input, table td.doubleA select { width:558px; }

table td.doubleB dl { margin:0; padding-bottom:10px; width:190px; }
table td.doubleB dl dd select { width:174px; }

form + p { padding-top:15px; color:#666; line-height:1.5; }
form + p a { color:#666; text-decoration:underline; } form + p a:hover { color:#FF8C00; text-decoration:none; }
/* Form Table */


/* Side */
#side { padding:15px; width:290px; float:right; background:#DBDBDB; border-radius:15px; }
#side h3 {}
#side h3 + img { margin-bottom:30px; }
#side h4 { margin-bottom:10px; }
#side h5 a { display:block; } #side h5 a:hover { opacity:0.6; }
#side ul { margin:0 -15px 15px; padding:10px 15px 0; border:solid #FFF; border-width:1px 0; }
#side ul li { padding-bottom:10px; font-weight:bold; line-height:1.25; color:#FF8C00; }
#side ul li a { text-decoration:underline; }
#side p { margin-bottom:15px; line-height:1.5; }
/* Side */


p.gotop { clear:both; padding-top:20px; width:30px; float:right; }
p.gotop a { display:block; font-size:153.9%; font-weight:bold; line-height:28px; text-align:center; color:#FFF; width:28px; height:28px; border:1px solid #FFF; border-radius:2px; }
p.gotop a:hover { opacity:0.7; }
/* Container */


/* FOOTER */
#wrap #footer { clear:both; margin:0 auto; padding:22px 100px 0 300px; height:88px; position:relative; }
#wrap #footer h5 { font-size:9px; position:absolute; bottom:25px; left:100px; }
#wrap #footer p { line-height:1.25; position:absolute; }
#wrap #footer p#copy { font-size:85%; color:#FFF; bottom:10px; left:300px; }
#wrap #footer p#copy a { color:#878787; text-decoration:none; }
#wrap #footer p#copy a:hover { text-decoration:underline;  }

#wrap #footer ul { margin:0 0 3px; width:auto; border-left:1px solid #FFF; overflow:hidden; }
#wrap #footer ul li { border-right:1px solid #FFF; width:auto; float:left; }
#wrap #footer ul li a { padding:0 8px; font-size:93%; line-height:1.25; display:block; color:#FFF; }
#wrap #footer ul li a:hover { text-decoration:underline; }
/* FOOTER */