@charset "utf-8";

/* CSS Document */

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	background: #d5d6d7 url('assets/images/main_bgcolor_13.jpg');
	line-height: 1.4;
	color: #333333;
}
a {
	color: #003399;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #0066CC;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
	width: 775px;
	background: #FFFFFF;
	padding-top: 20px;
}

#container {
 width:775px;
 background-image:url(assets/images/bak_image_12.gif);
 background-repeat: repeat-y;
 padding-left: 15px;
 padding-right: 15px;
 margin-left: auto;
 margin-right: auto;
}


/* ロゴ上の説明文　　共通
---------------------------------------------*/

#header_top {
	padding: 5px 0 0 5px;
	float: left;
	width: 580px;
	font-size: 80%;
}

#header {
	padding: 5px 0 0 5px;
	clear: both;
}


/* ロゴ横のナビゲーション（上部左）　新
---------------------------------------------*/

#sitePolicy{
	padding: 5px 0 0 5px;
	float: left;
	width: 150px;
	height: auto;
}
#sitePolicy p{
	text-indent: -9999px;
}

#sitePolicy li {
	display:inline;
	margin-left: 1em;
	font-size: 11px;
	padding-left: 8px;
	background: url(assets/images/navi_01.gif) left center no-repeat;
	text-transform: lowercase;
}

#sitePolicy a {
	text-decoration: none;
}

#sitePolicy a:visited{
	text-decoration: none;
	color: #696969;
}

#sitePolicy a:hover{
	text-decoration: underline;
	color: #ff6600;
}


/* ロゴとナビゲーション（メイン）  共通
---------------------------------------------*/
#logo {
	position: relative;
	left: 8px;
	top: 5px;
	clear: both;
	width: 500px;
}

#globalnav {
	width: 775px;
	height: 40px;
	list-style-type: none;
	background: #FFFFFF;
}

#globalnav li {
	float: left;
	width: 155px;
}
#globalnav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 40px;
	padding-top: 40px;
	background-image: url(assets/images/global_nav_03.gif);
	color: #FFFFFF;
}



/*  ナビゲーション 背景画像の位置  共通
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -155px 0; }
	#nav03 a { background-position: -310px 0; }
	#nav04 a { background-position: -465px 0; }
	#nav05 a { background-position: -620px 0; }

	/* オンマウス */
	#nav01 a:hover { background-position:  0     -40px; }
	#nav02 a:hover { background-position: -155px -40px; }
	#nav03 a:hover { background-position: -310px -40px; }
	#nav04 a:hover { background-position: -465px -40px; }
	#nav05 a:hover { background-position: -620px -40px; }

	/* 現在位置 */
	#nav01 a:active { background-position:  0     -80px; }
	#nav02 a:active { background-position: -155px -80px; }
	#nav03 a:active { background-position: -310px -80px; }
	#nav04 a:active { background-position: -465px -80px; }
	#nav05 a:active { background-position: -620px -80px; }	


/*サイドメニュー （サブページ全般）
---------------------------------------------*/

#sideNavi ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
					  
#sideNavi li{
        margin: 0;
        border-bottom: 0px solid #CCC;
	list-style: none;
	padding: 5px 5px 0px 15px;
        width: 140px;
	font-size: 100%;
	font-family: Helventica, Arial, "ヒラギノ角ゴProW3",Osaka,"MS Pゴシック",sans-serif;
}

#sideNavi a{
	color: #0000ff;
	text-decoration: none;
	background: #FFFFFF url(assets/images/navi_01.gif) left center no-repeat;
	padding: 5px 5px 0px 15px;
        display: block;
        width: 130px !important; /*Windows IE対策のため、ボックス幅を指定 */
        width /**/: 140px; /*Window IE5用の値を指定 */
        color: #333;
}

#sideNavi a:link {
	text-decoration: none;
	color: #191970;
	background: url(assets/images/navi_01.gif) left center no-repeat;
	padding: 5px 5px 0px 15px;
}

#sideNavi a:visited{
	text-decoration: none;
	color: #191970;
	background: url(assets/images/navi_01.gif) left center no-repeat;
	padding: 5px 5px 0px 15px;
}

#sideNavi a:hover{
	text-decoration: underline;
	color: #ff6600;
	background: #f3f3f8;
	background: url(assets/images/navi_03.gif) left center no-repeat;
	padding: 5px 5px 0px 15px;
}

#sideNavi a:active{
	text-decoration: none;
        font-weight:bold;
	color: #696969;
	background: #f3f3f8;
	background: url(assets/images/navi_02.gif) left center no-repeat;
	padding: 5px 5px 0px 15px;
}


/* メイン(TOP)イメージと2段組
---------------------------------------------*/
#content {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	background: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 30px;
}

#newsRelease {
	float: left;
	width: 65%;
}

#newsRelease2 {
	padding: 5px 5px 5px 1px;
}

#about {
	float: left;
	width: 34%;
}

#about2 {
	padding-top: 10px;
	padding-left: 20px;
	font-size: 90%;
}


/* フッター　（全ページ共通）
---------------------------------------------*/

#footer {
	clear: both;
	width: 775px;
        height: 120px;
	background: #ffffff;
}

#fnavi {
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: center;
}

#fnavi a {
	color: #484848;
	text-decoration: underline;
}

#fnavi a:hover {
	color: #484848;
	text-decoration: none;
}


/* 本文のレイアウト
---------------------------------------------*/

#newsRelease .section {
	padding: 2px 2px 10px 2px;
	border-bottom: 0px solid #ccc;
}
#newsRelease .section p {
	margin: 2px 2px 0 2px;
}
#newsRelease .section .link {
	background: url(../top_page03/images/arrow.gif) left center no-repeat;
	padding-left: 14px;
}
#newsRelease .section dl {
	padding: 2px 2px 0 2px;
}

#newsRelease .section ul {
	padding-left: 10px;
}

#newsRelease .section dl dt {
	font-size: 90%;
	color: #666666;
	padding-top: 10px;

}



/* メインイメージと2段組　（サブページ）
---------------------------------------------*/
#content {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	background: #FFFFFF;
	padding-bottom: 30px;
}

#main_contents {
	float: left;
	width: 73%;
	font-size: 100%;
}

#main_contents2 {
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 15px;
	padding-right: 5px;
	font-size: 120%;
}

#sidemenu {
	float: left;
	width: 27%;
}

#sidemenu2 {
	padding-top: 5px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
}


/* 本文のレイアウト　（サブページ）
---------------------------------------------*/

#main_contents .section {
	margin: 0px 5px 5px 5px;
	border-bottom: 0px solid #ccc;
}
#main_contents .section p {
	margin: 5px 5px 5px 5px;
}
#main_contents .section .link {
	background: url(../top_page03/images/arrow.gif) left center no-repeat;
	padding-left: 14px;
}
#main_contents .section dl {
	margin: 5px 5px 5px 5px;
}
#main_contents .section dl dt {
	font-size: 90%;
	color: #666666;
	margin-top: 10px;
}


/* お問い合わせフォーム
---------------------------------------------*/

/* 入力フォーム
---------------------*/

#cf_form fieldset {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
#cf_form legend {
	padding-top: 2px;
	color: #4682b4;
	font-size: 110%;
	font-weight: bold;
}
#cf_form tr {
	padding: 10px 20px 30px 20px;
}
#cf_form th {
	margin-top: 10px;
	width: 150px;
	color: #696969;
}
#cf_form td {
	margin-top: 10px;
	padding: 5px 0 10px 0;

}
#cf_form em {
	color: #DC0101;
	font-style: normal;
}
#cf_form .submit {
	margin-top: 30px;
	margin: 0 auto;
}
#cf_form select {
	background: #F7F7F7;
}

#cf_form .text1 {
	margin-left: 20px;
	width: 180px;
}
#cf_form .text2 {
	margin-left: 10px;
	width: 360px;
}

#cf_form .list1 {
	margin-left: 30px;
}

#cf_form .text1,#cf_form .text2 {
	background: #FFFFFF;
	border: 3px double #CCCCCC;
	padding: 2px;
}


/* 本文見出し
---------------------------------------------*/

h1 {
	font-size: 150%;
	color: #0850B2;
	background-color: #F0F6FD;
	border-top: 5px solid #0850B2;
	border-bottom: 3px solid #CCCCCC;
	margin: 0 0 20px 0;
	padding: 10px;
	
}
h2 {
	font-size: 120%;
	color: #0850B2;
	background-color: #EFEFEF;
	border-left: 5px solid #0850B2;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding: 5px;
}


h3 {
	font-size: 110%;
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-bottom:  0px solid #e5e1d5;
	border-top:     0px solid #e5e1d5;
	border-left:   10px solid #4e454a;
	border-right:   0px solid #e5e1d5;
	color:inherit;
	background-color:#e5e1d5;
 	padding:.3em;
	margin:5px 5px .5em 0px;
}

h4 {
	font-size: 105%;
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-bottom: 1px dotted #bbe2f1;
	border-left:   8px solid #89c3eb;
	color:inherit;
	background-color:#FFFFFF;
	padding:.3em;
	margin:5px 5px .5em 0px;
}

h5 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-left:   0px solid #e5e1d5;
	border-bottom:  1px dotted #696969;
	color:inherit;
	background-color:#FFFFFF;
	padding:.5em;
	margin:5px 5px .5em 0px;

}

/* 新着表示（News用） Ditto
---------------------------------------------*/

.update{
   margin: 15px 5px 15px 0px;

}
.update ul{
   list-style:none;
}

.update ul li{
   margin: 10px 5px 10px 0px;
}

.update ul li p, 
.update ul li h6 {
   display: inline;
   font-weight: normal;
   background-image:none;
   font-size: 1em;
   margin: 0px 1em;
   border:none;
}

.update ul li p {
   color: #696969;
}