/* --------------------------------------------------------------- */
/*  Style Sheet                                                    */
/*  last update 2006.10.16                                         */
/*  common/css/common.css 		                                     */
/*  Copyright(C) 2006, otoyasumi.                                  */
/*  Created by http://otoyasumi.jp/                                */
/* --------------------------------------------------------------- */


/* 基本スタイル
------------------------------ */
*{
			margin: 0;
			padding: 0;
			font-size: 100%;
}
body {
			font-size: 75%;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "sans-serif";
			line-height: 140%;
			background-color: #281717;
}
a {	color: #003399;	}
a:visited {	color: #333333;	}
a:hover {	color: #0066CC;	}

#footer a {	color: #999999;	}
#footer a:visited {	color: #dddddd;	}
#footer a:hover {	color: #cccccc;	}
span.designed {color:#999999;}

img {	border: none;	vertical-align: top;}

#header {
			padding: 40px 0 0 60px;
			background: #281717;
			color: #ffffff;
}
#wrapper {
			text-align: center;
			width: 720px;
			margin: 60px 0 0 60px;
			background-color: #ffffff;
}

#container {
			text-align: left;
}

/* ロゴとナビゲーション
------------------------------ */
#globalNav {
			margin-top:190px;
			list-style-type: none;
}
#globalNav ul li {
			float: left;
			width: 150px;
			height:	40px;
			list-style-type: none;
}

/* 背景画像の位置
------------------------------ */

/* 通常 */
#globalNav ul li#nav01 a {background-image: url(../images/nav_top.gif); width: 150px; /*Hide Mac IE\*/ overflow:hidden; /* */ display: block; height: 40px; text-indent: -9999px; }
#globalNav ul li#nav02 a {background-image: url(../images/nav_information.gif); width: 150px; /*Hide Mac IE\*/ overflow:hidden; /* */ display: block; height: 40px; text-indent: -9999px; }
#globalNav ul li#nav03 a {background-image: url(../images/nav_works.gif); width: 150px; /*Hide Mac IE\*/ overflow:hidden; /* */ display: block; height: 40px; text-indent: -9999px; }
#globalNav ul li#nav04 a {background-image: url(../images/nav_profile.gif); width: 150px; /*Hide Mac IE\*/ overflow:hidden; /* */ display: block; height: 40px; text-indent: -9999px; }


/* オンマウス */
#globalNav ul li#nav01 a:hover {	background-image:  url(../images/global_nav.gif); background-position: -300px      0px; /*Hide Mac IE\*/ overflow:hidden; /* */ display: block; height: 40px; text-indent: -9999px;  }
#globalNav ul li#nav02 a:hover {	background-image:  url(../images/global_nav.gif); background-position: -300px  -40px; /*Hide Mac IE\*/ overflow:hidden; /* */ display: block; height: 40px; text-indent: -9999px;  }
#globalNav ul li#nav03 a:hover {	background-image:  url(../images/global_nav.gif); background-position: -300px  -80px; /*Hide Mac IE\*/ overflow:hidden; /* */ display: block; height: 40px; text-indent: -9999px;  }
#globalNav ul li#nav04 a:hover {	background-image:  url(../images/global_nav.gif); background-position: -300px -120px; /*Hide Mac IE\*/ overflow:hidden; /* */ display: block; height: 40px; text-indent: -9999px;  }

/* メインイメージと2段組
------------------------------ */


#contents {
			height: 380px;
			/*background: #aaaaaa;*/
}
.mainField {
			margin:20px 20px 0 40px;
}
#subContents {
			float: left;
			width: 190px;
			height: 100%;
			background: url(../images/bg_right.jpg) repeat-y;
}
#footer {
			text-align: right;
			padding: 0px 0 0px 0;
			background: #281717 url(../images/bg_footer.gif) no-repeat;
			color: #ffffff;
}
#footer p{
			padding: 10px 0px;
}