@charset "UTF-8";

@import "reset.css";
@import "base.css";
@import "pad.css"		only screen and (max-width:890px);
@import "mobile.css"	only screen and (max-width:620px);


body						{ background: url(images/bg.gif) top repeat-x #FFF;}
body						{ font-size: 12px; line-height: 1.7em; color: #666; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

header 						{ background:url(images/bg2.gif) top center no-repeat; min-width: 480px;}
header div					{ background:url(images/hd_bg.jpg) left 41px no-repeat; padding-left: 110px; height: 86px; width: 215px; margin:auto; font-size:0; line-height:0; text-indent: -9999px; padding-top: 41px; padding-bottom: 25px;}
header div h1 a				{ background:url(images/hd_h1.jpg); width: 170px; height: 29px; display:block;}
header div nav				{ width: 215px; overflow:hidden;}
header div ul 				{ width: 215px; height: 57px; float:left; position:relative;}
header div ul li a			{ width: 60px; height: 19px; display:block;}
header div ul li.b01 a		{ background:url(images/nv_b01.gif); position:absolute; top:0px; left: 0px;}
header div ul li.b02 a		{ background:url(images/nv_b02.gif); position:absolute; top:19px; left: 0px;}
header div ul li.b03 a		{ background:url(images/nv_b03.gif); position:absolute; top:38px; left: 0px;}
header div ul li.b04 a		{ background:url(images/nv_b04.gif); position:absolute; top:0px; left: 76px;}
header div ul li.b05 a		{ background:url(images/nv_b05.gif); position:absolute; top:19px; left: 76px;}
header div ul li.b06 a		{ background:url(images/nv_b06.gif); position:absolute; top:0px; left: 152px; width: 63px;}

footer						{ background:url(images/footer.gif) top center no-repeat; min-width: 480px; height: 90px; margin:auto; margin-top: 80px; margin-bottom: 200px; font-size:0; line-height:0; text-indent: -9999px;}


#hd_image					{ max-width: 810px; margin:auto;}
#hd_image p					{ max-width: 800px !important; padding: 0 5px 10px 5px;}
#hd_image p img				{ width: 100%; height:auto; margin:auto;}

.shadow {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; position: relative;}
.shadow:before, .shadow:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: -1;
}
.shadow:after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
    -webkit-transform: skew(8deg)  rotate(3deg);
    -moz-transform: skew(8deg)  rotate(3deg);
    -ms-transform: skew(8deg)  rotate(3deg);
    -o-transform: skew(8deg)  rotate(3deg);
}


#contents					{ max-width: 810px; padding: 0 20px; margin:auto; margin-top: 50px;}
.p_profile #contents		{ max-width: 420px; padding: 0 20px; margin-top: 20px;}
.p_contact #contents		{ max-width: 420px; padding: 0 20px; margin-top: 20px;}
.p_news #contents			{ max-width: 420px; padding: 0 20px; margin-top: 20px;}
.p_gallery #contents		{ padding: 0 30px; margin-top: -20px;}
.p_works #contents			{ max-width: 810px; padding: 0 0px;}

h2							{ font-size:0; line-height:0; text-indent: -9999px;}

.list h2					{ background:url(images/h2_new-object.gif); width: 90px; height: 20px; margin:auto; margin-bottom: 20px;}
.list h3					{ font-weight: bold; font-size: 1.1em;}
.list ul h3					{ font-weight: normal !important; font-size: 1em !important; margin-top: 5px;}

.list ul					{ max-width: 825px; overflow:hidden; margin-top: -30px; margin-left: -15px;}
.list ul li					{ width: 260px; margin-top: 30px; float:left; margin-left: 15px;}
.list p						{ color: #999;}

.w1 						{ max-width: 815px; margin-left: -5px; overflow:hidden;}
.w1 li						{ width: 120px; float:left; margin-left: 5px; padding: 0 5px; margin-top: 20px;}
.w2 						{ max-width: 530px; margin-left: -5px; overflow:hidden;}
.w2 li						{ width: 250px; float:left; margin-left: 5px; padding: 0 5px; margin-top: 20px;}


.news h2					{ background:url(images/h2_news.gif); width: 45px; height: 20px; margin:auto; margin-top: 80px;}
.news p						{ text-align:center; margin-top: 20px;}
.news span					{ display:block; color:#CCC;}


.p_profile h2				{ background:url(images/ttl_profile.gif) center no-repeat; max-width: 480px; height: 80px; margin:auto;}
.p_contact h2				{ background:url(images/ttl_contact.gif) center no-repeat; max-width: 480px; height: 80px; margin:auto;}
.p_news h2					{ background:url(images/ttl_news.gif) center no-repeat; max-width: 480px; height: 80px; margin:auto;}
.p_gallery h2				{ background:url(images/ttl_gallery.gif) center no-repeat; max-width: 480px; height: 80px; margin:auto;}
.p_works h2					{ background:url(images/ttl_works.gif) center no-repeat; max-width: 480px; height: 80px; margin:auto;}


h3.name						{ background:url(images/h3_name.gif) left top no-repeat; height: 20px; font-size:0; line-height:0; text-indent: -9999px; border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; padding-bottom: 10px;}
h3.work						{ background:url(images/h3_work.gif) left top no-repeat; height: 20px; font-size:0; line-height:0; text-indent: -9999px; border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; padding-bottom: 10px;}
.p_works #contents h3		{ font-size: 1.3em; margin-left: 5px;}

.p_gallery #contents h3		{ font-weight: bold; font-size: 1.3em; margin-bottom: 0.5em;}
.p_gallery #contents h4		{ font-weight: bold; font-size: 1em;}
.p_gallery #contents .box	{ border:5px solid #E5E5E5; padding: 15px; margin-bottom: 10px;}
.p_gallery #contents .box ul{ padding-left: 70px; margin-top: -1.7em;}


form textarea,form input	{ width: 90%; padding: 10px 20px; border: 0; background-color: #E5E5E5; border-radius: 18px;}
form textarea				{ height: 10em;}
form input.btn				{ width: 200px; display:block; cursor: pointer; margin:auto; background-color: #666; color: #FFF;}
form input.btn:hover		{ background-color: #333;}

.btn a						{ width: 200px; display:block; cursor: pointer; margin:auto; background-color: #666; color: #FFF; text-align:center;padding: 10px 20px; border-radius: 18px;}
.btn:hover a				{ background-color: #333;}


dl.news						{ padding-top: 0.5em; border-top: 1px dotted #CCC;}
dl.news	dd					{ padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 1px dotted #CCC; padding-left: 7em; margin-top: -1.7em;}



/* 管理ページ */
body.p_admin #HEADER            { background:url(../../admin/images/bg_header.gif) 0 90px repeat-x; font-size:0; line-height:0; text-indent:-9999px;}
body.p_admin #HEADER div        { width: 900px; margin:auto; overflow:hidden;}
body.p_admin #HEADER h1         { background:url(images/hd_h1.jpg); width: 170px; height: 29px; display:block;}
body.p_admin #NAVI              { width: 900px; padding: 13px 0 9px 0; text-indent: 0;}
body.p_admin #NAVI li           { font-size: 14px; line-height: 1.8em; float:left; margin-left: 10px;}
body.p_admin #NAVI li a         { padding: 1px 8px; background-color: #FFF; border-radius: 3px; display:block;}
body.p_admin #NAVI li a:hover   { background-color: #F2F2F2;}

body.p_admin #CONTENTS          { width: 900px; padding: 30px 0 100px 0;}
body.p_admin #CONTENTS h2       { font-size: 1.7em; font-weight: bold;}

body.p_admin #FOOTER                { background-color:#b2b2b2;}
body.p_admin #FOOTER    p.copyright { background:url(../../admin/images/copyright.gif) left top no-repeat;}


body.p_admin header                      { background:url(images/bg2.gif) top center no-repeat; min-width: 480px;}
body.p_admin header div                  { background:url(images/hd_bg.jpg) left 41px no-repeat; padding-left: 110px; height: auto !important; width: 215px; margin:auto; font-size:0; line-height:0; text-indent: -9999px; padding-top: 41px; padding-bottom: 25px;}
body.p_admin header div h1 a             { background:url(images/hd_h1.jpg); width: 170px; height: 29px; display:block;}
body.p_admin header div nav              { width: 215px; overflow:hidden;}
body.p_admin header div ul               { width: 215px; height: auto !important; float:left; font-size:13px; line-height:1.5em; text-indent: 0px; position:relative;}
body.p_admin header div ul li a          { width: 100%; height: 19px; display:block;}