@charset "utf-8";


/* 追加スタイル
---------------------------------------------*/
.side_banner {
	margin-bottom: 10px;
}
#globalsign {
	margin-top: 25px;
 
}

/* 基本スタイル
---------------------------------------------*/

* {
 margin: 0px;
	padding: 0px;
	font-size: 100%;
}
body {
 text-align: center;
	font-size: 75%;
	font-family: Verdana,Osaka,sans-serif;
	line-height: 1.5;
	color: #666666;
	background: #FFFBF2;
}
a {
	color: #666666;
}
a:visited {
	color: #999999;
}
a:hover {
	color: #FF6600;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/wrapper_bg.gif) top repeat-y;
}
#header {
 position: relative;
	width: 100%; /* for WIN IE6*/
 height: 125px;
	background: url(../images/header_bg.gif) left top no-repeat;
}
#logo {
 position: absolute;
	left: 35px;
	margin-top: 45px;
}
#sidelogo {
 position: absolute;
	right: 15px;
	margin-top: 20px;
}
#fontsize {
	position: absolute;
	right: 0px;
	margin: 72px 40px 0px 0px;
	text-align: right;
}


/* フラッシュ
---------------------------------------------*/

#flash {
 position: relative;
	margin-left: 25px;
}


/* グローバルナビゲーション
---------------------------------------------*/

#navi {
 position: relative;
	width: 100%; /* for WIN IE6*/
 height: 55px;
	background: url(../images/globalnav_bg.gif) left top no-repeat;
}
#globalnav {
 position: absolute;
	margin-left: 40px;
	width: 720px;
	height: 55px;
	list-style-type: none;
}
#globalnav li {
 float: left;
	width: 120px;
}
#globalnav li a {
 display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:55px;
	padding-top: 55px;
	background-image: url(../images/globalnav.gif);
	color: #FFFFFF;
}

/*　オフマウス　*/
#glo01 a { background-position:    0px  0; }
#glo02 a { background-position: -120px  0; }
#glo03 a { background-position: -240px  0; }
#glo04 a { background-position: -360px  0; }
#glo05 a { background-position: -480px  0; }
#glo06 a { background-position: -600px  0; }

/*　選択済み　*/
#glo01 a.stay { background-position:    0px  -55px; }
#glo02 a.stay { background-position: -120px  -55px; }
#glo03 a.stay { background-position: -240px  -55px; }
#glo04 a.stay { background-position: -360px  -55px; }
#glo05 a.stay { background-position: -480px  -55px; }
#glo06 a.stay { background-position: -600px  -55px; }

/*　オンマウス　*/
#glo01 a:hover { background-position:    0px  -110px; }
#glo02 a:hover { background-position: -120px  -110px; }
#glo03 a:hover { background-position: -240px  -110px; }
#glo04 a:hover { background-position: -360px  -110px; }
#glo05 a:hover { background-position: -480px  -110px; }
#glo06 a:hover { background-position: -600px  -110px; }


/* ボディー
---------------------------------------------*/

#container {
 float: left;
	width: 800px;
	padding-bottom: 10px;
	background: url(../images/wrapper_bg.gif) top repeat-y;	
}
#primary {
 float: left;
	width: 520px;
}
#secondary {
 float: left;
	width: 230px;
	text-align: center;
	padding-left: 15px;
}


/* ボディー内容（プライマリー）
---------------------------------------------*/
#primary .section {
	margin: 5px 10px 5px 60px;
	border-bottom: dotted 1px #CCCCCC;
}
#primary h2 {
 margin: 15px 0px 10px 50px;
	padding-bottom: 3px;
	padding-left: 12px;
	font-size: 120%;
	font-weight: normal;
	border-bottom: solid 1px #CCCCCC;
	background: url(../images/arrow_03.gif) left 5px no-repeat;
}
#primary h3 {
 margin: 15px 0px 10px 50px;
	padding-bottom: 5px;
	font-size: 120%;
	font-weight: normal;
}
#primary h4 {
 margin: 0px 10px 0px 50px;
	padding-bottom: 20px;
	font-size: 120%;
	font-weight: normal;
 float: left;
}
#primary p {
 margin: 5px 10px;
	padding-bottom: 5px;
 color: #333333;
}
#primary em {
 margin: 0px 10px;
	color: #FF6600;
	font-style: normal;
}
#primary .section a {
	background: url(../images/arrow_02.gif) left center no-repeat;
	padding-left: 15px;
 text-decoration: none;
}


/* サイドメニュー（プライマリー）: list
---------------------------------------------*/
#primary .list {
	margin-bottom: 20px;
}
#primary .list h1 {
	padding: 6px 5px 6px 15px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #006699;
}
#primary .list li {
	margin: 0px 50px;
	padding: 4px 0px 4px 10px;
	background: url(../images/arrow_01.gif) left center no-repeat;
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
}
#primary .list li a {
 text-decoration: none;
}


/* サイドメニュー（プライマリー）: pmark
---------------------------------------------*/
#primary .pmark {
	margin: 10px 10px 5px 60px;
 float: left;
}
#primary .pmark p {
	margin: 5px 0px 0px 0px;
 color: #333333;
}
#primary .pmark a {
 color: #FF6600;
}
#primary .banner {
	margin: 30px 10px 5px 60px;
}
#primary .banner p {
 margin: 5px 10px;
	padding-bottom: 5px;
 color: #333333;
}

/* ボディー内容（セカンダリー）
---------------------------------------------*/
#secondary h2 {
 margin: 15px 0px 0px 0px;
	font-weight: bold;
	color: #3399CC;
	font-size: 120%;
}
#secondary h3 {
 margin: 15px 0px 0px 0px;
	font-weight: bold;
	color: #3399CC;
	font-size: 120%;
}


/* マージン内容
---------------------------------------------*/

#right{
	text-align: right;
	color: #333333;
}



/* フッター
---------------------------------------------*/

#footer {
 clear: both;
	text-align: center;
	width: 800px;
 height: 150px;
	background: url(../images/wrapper_bg.gif) top repeat-y;
}
#footer p {
 color: #999999;
	padding-top: 15px;
	font-size: 90%;
}
#footer a {
 text-decoration: none;
}

