/* CSS Document */

body {
margin:0;
padding:0;
font-size:80%;
color:#333;
background-color:#FFF;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

ul {
margin:0;
padding:0;
list-style-type:none;
}

img { border:0; behavior: url(../js/iepngfix.htc); }
div { behavior: url(../js/iepngfix.htc) }

a:link,a:visited,a:active {
color:#555;
}

a:hover {
color:#f00;
}

br.clr {
position:relative;
height:1px;
clear:both;
}



/* 汎用本体 */
#wrapper {
position:relative;
width:950px;
margin:0 auto;
padding-bottom:20px;
background-color:#fff;
}

/* 汎用ヘッダー */
#header {
}

#header a {
display:block;
height:82px;
}

#shoulder {
position:absolute;
top:0;
right:0;
width:300px;
height:180px;
z-index:100;
}

h1 {
width:380px;
height:82px;
margin:20px 0 0;
padding:0 0 10px;
text-indent:-9000px;
background:url(../images/gokulogo.gif) left top no-repeat;
}

/* 汎用メニュー */
#menuArea {
width:154px;
margin:10px 0 10px 10px;
padding:0;
float:left;
color:#666;
}

#menuArea #menuIllust,
#menuArea #menuWeb,
#menuArea #menuDesign,
#menuArea #menuCompany,
#menuArea #menuBlog {
display:block;
height:30px;
margin:0 0 5px;
padding:0;
background-repeat:no-repeat;
text-indent:-9999px;
}

#menuArea #menuIllust {
background-image:url(../images/menu_text_01.gif);
}

#menuArea #menuWeb {
background-image:url(../images/menu_text_02.gif);
}

#menuArea #menuDesign {
background-image:url(../images/menu_text_05.gif);
}

#menuArea #menuCompany {
background-image:url(../images/menu_text_03.gif);
}

#menuArea #menuBlog {
background-image:url(../images/menu_text_04.gif);
}


#menuArea ul ul {
margin:0 0 0 5px;
padding:0;
list-style-type:none;
}


#menuArea ul ul li {
margin:0;
padding:8px 0 0;
}



/* コンテンツ枠全体 */
#contents {
padding:0 0 10px;
clear:both;
}


/* パン屑リスト */
#bread {
margin:0 0 10px 0;
padding:0 0 5px;
font-size:90%;
text-align:right;
color:#666;
}

#bread a:link,
#bread a:visited,
#bread a:active {
color:#666;
}

#bread a:hover {
color:#999;
}

/* 汎用メインフレーム */
#maincontents {
width:760px;
min-height:400px;
margin:0 0 20px;
float:right;
}

#maincontents h2 {
margin:7px 0 20px;
padding:0 0 10px;
font-size:140%;
color:#666;
background:url(../images/cmn_bar_01.gif) left bottom repeat-x;
}

#maincontents p {
line-height:150%;
}


/* 汎用ナビ */
#navigation{
width:170px;
float:left;
background:url(../images/navi_tb.gif) 10px top no-repeat;
}

#navigation h2 {
margin:7px 0 0 10px;
padding:0;
}

#navigation ul {
margin:0 0 0 10px;
padding:5px 0 0;
list-style-type:none;
}

#navigation ul li {
margin:0;
padding:0;
border-bottom:1px dashed #ccc;
}

#navigation ul li.select {
margin:0;
padding:0;
font-weight:bold;
background-color:#900;
}

#navigation a {
padding:7px 10px 5px;
display:block;
}

#navigation li.select a {
color:#eee !important;
text-decoration:none;
background:none;
}

#navigation a:hover {
color:#fff;
background:#b4a796 url(../images/navi_select_bg.gif);
}

#navigation ul li a span {
font-size:10px;
color:#666;
text-decoration:none;
}


/* 汎用フッター */
#footer{
width:950px;
margin:0 auto 20px;
padding:0;
clear:both;
text-align:right;
}

#footer a {
position:relative;
top:-30px;
float:left;
}