@charset "utf-8";
@import url("parts.css");
/* CSS Document */

html,body{margin:0;padding:0}

body{font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" arial,sans-serif;text-align:center; letter-spacing:-0.1px;background:#B4ABA2;}
p{margin:10px 0; line-height:160%;}
a{color:#4E4E4E; text-decoration:none;}
a:visited{color:#4E4E4E;}
a:hover,a:active{ text-decoration:underline;}
img {border:0;}
li {list-style:none;}
table{font-size:12px;}
/**************************

1.レイアウトスタイル

**************************/


/*ヘッダー*/
div#header{position:relative; width:740px;height:80px;min-height:80px;}
div#header h1 {position:absolute;top:5px;left:11px;margin:0;padding:10px 0;}

div#header strong{font-weight:normal;position:absolute;left:100px;top:30px;}
div#header ul{margin:0;position:absolute;right:0px;top:-23px;font-size:10px; color:#444; font-size:10px; letter-spacing:1px;}
div#header li{padding-top:5px;float:left;margin:0 0px 0 8px;list-style:none;}
div#header li a {color:#444;}
div#header li a:hover {text-decoration:underline;}


*html div#header li{padding-top:6px;}
*:first-child+html div#header li {padding-top:6px;}

div#bar{background:url(imgdir/common/bgline4.jpg) repeat-y left top; height:22px;}

/*メインナビゲーション*/
div#mainnavi2 {width:740px;}
div#mainnavi2 ul {margin:0;padding:0;}
div#mainnavi2 li {position:relative;height:35px;min-height:35px;float:left;}
div#mainnavi2 li a { display:block; }

div#mainnavi2 li#about {width:148px;}
div#mainnavi2 li#service {width:148px;}
div#mainnavi2 li#client {width:148px;}
div#mainnavi2 li#goal {width:148px;}
div#mainnavi2 li#entry {width:148px;}


div#mainnavi2 li#about span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat 0 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi2 li#about a:hover span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat 0 -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi2 li#service span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat -148px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi2 li#service a:hover span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat -148px -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi2 li#client span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat -296px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi2 li#client a:hover span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat -296px -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi2 li#goal span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat -444px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi2 li#goal a:hover span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat -444px -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi2 li#entry span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat -592px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi2 li#entry a:hover span {position:absolute;background:url(imgdir/common/navi.gif) no-repeat -592px -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi2 li#about span#on {background-position:0 -35px;}
div#mainnavi2 li#menu span#on {background-position:0 -35px;}
div#mainnavi2 li#shop span#on {background-position:0 -35px;}
div#mainnavi2 li#info span#on {background-position:0 -35px;}

/*メインナビゲーション2次階層*/
div#mainnavi {width:740px;}
div#mainnavi ul {margin:0;padding:0;}
div#mainnavi li {position:relative;height:35px;min-height:35px;float:left;}
div#mainnavi li a { display:block; }

div#mainnavi li#about {width:148px;}
div#mainnavi li#service {width:148px;}
div#mainnavi li#client {width:148px;}
div#mainnavi li#goal {width:148px;}
div#mainnavi li#entry {width:148px;}


div#mainnavi li#about span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat 0 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#about a:hover span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat 0 -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#service span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat -148px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#service a:hover span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat -148px -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#client span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat -296px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#client a:hover span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat -296px -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#goal span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat -444px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#goal a:hover span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat -444px -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#entry span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat -592px 0; width:100%;height:100%;cursor:pointer; }
div#mainnavi li#entry a:hover span {position:absolute;background:url(imgdir/common/navi2.gif) no-repeat -592px -35px; width:100%;height:100%;cursor:pointer; }

div#mainnavi li#about span#on {background-position:0 -35px;}
div#mainnavi li#menu span#on {background-position:0 -35px;}
div#mainnavi li#shop span#on {background-position:0 -35px;}
div#mainnavi li#info span#on {background-position:0 -35px;}


/*全体の枠*/  
div#container{background:#F9F7E9;text-align:center; background: url(imgdir/common/bgline.jpg) repeat-y left top ;}
div#main{text-align:left; width:740px; margin:0 auto; }

/*コンテンツ部分の余白、行間*/
div#content p{line-height:1.4}
div.child_content{margin:0 10px 20px 10px;}
div.grandc_content{margin:0 10px}

/*第2階層イメージタイトル*/
h2#mainimage{margin:0 0 5px 1px;border-bottom:3px solid #1A83B6;}

/*左メニュー*/
div#navigation dl{margin:0 0 8px;}
div#navigation dt{text-indent:10px; font-weight:bold;line-height:25px;background:#ccc;}
div#navigation dd{text-indent:10px;line-height:23px;margin:0;color:#000;}
div#navigation dd a{display:block;width:100%;color:#000;text-decoration:none;}
div#navigation dd a:hover{background:#e3e3e3;color:#000;font-weight:bold;text-decoration:none;}
div#navigation dd a:hover{color:#666;text-decoration:none;}

/*パンくずリスト*/
div#pankuzu {padding:0 20px; line-height:200%; width:730px; letter-spacing:1px;}
*html div#pankuzu {padding:0 20px; line-height:200%; width:740px; letter-spacing:1px;}

/*下部リンク*/
div#underlink{ padding:10px 0 0 0;text-align:left;color:#444; font-size:10px;text-align:center;}
div#underlink a{color:#444;}
div#underlink a:hover{text-decoration:underline;}


/*フッター*/
div#footer{color: #444; }
div#copy{text-align:right;  text-align:center; font-size:10px;padding:0 0 20px 0;}




/*ボックスレイアウト*/
div#container{width:800px;margin:0 auto;padding:0;}
div#wrapper{float:left;width:740px;padding:0; background:#fff;}
div#content{margin:0 0 0 160px;width:620px;background:#fff;}
div#navigation{float:left;width:160px;margin-left:-780px;text-align:left;}
div#extra{float:left;margin-left:-780px;margin-top:350px;width:160px;text-align:left;}
div#underlink{clear:both;}
*html div#underlink{clear:both; width:740px;}
div#footer{clear:both;width:740px;padding:5px 0px;}

/*トップページレイアウト用*/
div#greeting{float:left;width:740px;padding:5px 0;margin:0;height:300px;}
div#contentbanner{float:right;background:#F9F7E9;width:160px;text-align:center;}
div#photo{float:left;text-align:left;width:740px;}
div#indexcontent{margin:0 0 0 15px ; padding-left:10px;width:470px; float:left;padding-top:20px; padding-bottom:30px; border-bottom:#AA9E91 2px solid;}
*html div#indexcontent{margin:0 0 0 8px ; padding-left:10px;width:485px; float:left;padding-top:25px; padding-bottom:30px; border-bottom:#AA9E91 2px solid;}
div#indexextra{float:right;width:220px; padding:0px 15px 10 15px; margin:10px 0 0 0;}
*html div#indexextra{float:right;width:230px; padding:15px 15px 10px 15px;}
div#indexextra img{margin-bottom:10px;}



br.clear{clear:both;}