/*全ページ共通*/
 body {font-size:10px; margin:0px auto; font-family:sans-serif; -webkit-text-size-adjust: none; } 
html,body{ width: 100%; }
 a{text-decoration:none;}
 a:hover{text-decoration:none;}

img { vertical-align:bottom; border:0px;}
img a { border:0px;}

table { border:0; }

/*背景色*/
body { background-color:#e60; }



/*文字サイズ・色など*/
.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f24 {font-size:24px; }
.f36 {font-size:36px;}
.f48 {font-size:48px;}

.c00 {color:#000;}
.c0 {color:#fff;}
.c1 {color:#e60; }
.c2 {color:#360; }
.c3 {color:#39f; }
.c4 {color:#fc0; }

.b {font-weight:bold;}
.u {text-decoration:underline; }
.ls{letter-spacing:0.1em;}
.lh20{line-height:2.0em; }

div#menu, div#footer{text-decoration:none;}




/*共通項目*/
div.layout{ width:1160px; padding:20px; margin:0px auto 50px; font-size:12px; }

div#footerArea { position: fixed !important; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; padding-top:10px; background:url("image/fff_70.png"); color: #000; font-size:10px; text-align:center; border-top:1px solid #fff; }

div#menu { width:900px; height:50px; margin:0px 0px 20px 0px; background-color:#eb9; border-radius:10px; }

div.menu_box{ float:left; width:178px; height:14px; padding:18px 0px; border-right:2px solid #e60; text-align:center; font-size:14px; position:relative;  color:#000;}

div.menu_box a, a:link { color:#000; }
div.menu_box a:visited { color:#666; font-weight:bold; }
div.menu_box a:hover { color:#ff0; }

div.caption {position:relative; }
div.text_a { width:350px; position: absolute; top:-30px; left:0px; display:none; color:#fff; text-align:left; }
div.text_b { width:350px; position: absolute; top:-30px; left:0px; display:none; color:#fff; text-align:left; }
div.text_c { width:350px; position: absolute; top:-30px; left:0px; display:none; color:#fff; text-align:left; }
div.text_d { width:350px; position: absolute; top:-30px; left:0px; display:none; color:#fff; text-align:left; }
div.text_e { width:350px; position: absolute; top:-30px; left:0px; display:none; color:#fff; text-align:left; }

div.caption:hover div.text_a { display: inline-block; }
div.caption:hover div.text_b { display: inline-block; }
div.caption:hover div.text_c { display: inline-block; }
div.caption:hover div.text_d { display: inline-block; }
div.caption:hover div.text_e { display: inline-block; }

div.here { font-size: 14px; font-weight: bold; color:#fff; }
.here { color:#ff0; }


/*TOP*/
div#header {width:1160px; height:437px; margin-bottom:40px; position:relative; background-image:url(image/top1705_1160x437.png); border:0px solid #000; }
div.logo{position:absolute; top:30px; left:20px; line-height:2.0em; color:#fff; }

div.shortcut {position:absolute; right:10px; top:10px; }
div.shortcut a, a:link { color:#000; }
div.shortcut a:visited { color:#333; }
div.shortcut a:hover { color:#f60; text-decoration: underline; }

div.inform_box{width:500px; padding:10px; color:#000; background-image:url(image/fff_70.png); border-radius:10px; position:absolute; left:20px; bottom:20px; }


div#left { width:900px; float:left; }

div#right { width:240px; float:right; }
div.right_top{width:220px; height:14px; padding:18px 10px; margin-bottom:0px; border:2px solid #fff; border-radius:10px; color:#fff; text-align:center; }
div.right_line {width:50%; height:20px; border-right:2px solid #fff;}
div.right_box{width:220px; padding:10px; margin-bottom:20px; border:2px solid #fff; border-radius:10px; color:#fff; }
div.right_box img { max-width:220px; }
div.right_border { width:220px; height:0px; margin:10px 0px; border-bottom: 2px dotted #fff; }  

div.link { width:1160px; text-align:center; }
div.link img {height: 34px; margin-right:10px; }

div.article {width:880px; padding:10px; margin-bottom:10px; background-color:#fff; border-radius:10px; position:relative; }
div.date {position:absolute; top:35px; right:20px; color:#f60; font-size:12px; font-weight:bold; }
div.article img { float:left; vertical-align:top; }
div.text { float:right; width:360px; padding: 0px 10px 10px 0px; }
div.text a, a:link, a:visited { color:#f60; }
div.text a:hover { color:#f60; text-decoration:underline; }

div.thum img {position:absolute; bottom:10px; right:10px; width:170px; }


/*ミニヘッダー*/

div#small_header {width:1160px; height:200px; margin-bottom:40px; position:relative; background-color:!#3cf; }

div.small_logo{ color:#fff; position:absolute; top:90px; left:10px; line-height:1.6em; }


/*form*/
div.article2 {width:880px; padding:10px; margin-bottom:20px; background-color:#fff; border-radius:10px; position:relative; }
div.article2 img {max-width:840px; max-height:1200px; }

table.mailform { border-radius:10px; width:880px; padding:10px; margin:10px 0px; background-color: #fdb; }
table.mailform th {width:150px; border-bottom:1px solid #000; }
table.mailform td {width:600px; border-bottom:1px solid #000; }

/*about*/
div.about_title {width:880px; padding-bottom:10px; margin-bottom:10px; border-bottom: 2px solid #f60; }
div.about_left {float:left; width:150px; background-color:#; }
div.about_left img {max-width:150px; border-radius:10px; }
div.about_right {float:right; width:700px; background-color:#; }

/*works*/
div.works_thumb img{float:left; max-width:200px; max-height:150px; margin:0px 20px 20px 0px; }
div.works_thumb a:hover img{opacity:0.5; }

div.works_submenu { text-align:left; font-size:14px; }
div.works_submenu a,a:link { color:#fff; }
div.works_submenu a:hover { color:#ff0; }
div.works_submenu a:visited { color:#ccc; }

div.right_caption{width:220px; padding:18px 10px; margin-bottom:0px; border:2px solid #fff; border-radius:10px; color:#fff; text-align:center; }

div.article3 {width:1180px; padding:20px; margin-bottom:20px; background-color:#fff; border-radius:10px; position:relative; }
div.article3 img {max-width:1160px; }

div.work_caption{width:220px; padding:18px 10px; margin:20px 0px 0px 0px; border:2px solid #f60; border-radius:10px; color:#000; text-align:center; }