@charset "Shift_JIS";

/* CSS Document */

body { 
	margin : 0px ; 
	padding : 0px  ; 
	font-family : "ＭＳ Ｐゴシック,OSAKA,sans-serif" ; 
	background : url(../img_common/back01.gif) repeat-y center 0 #C5E1FE;	/*背景画像*/
	text-align :center }

/*　リンク　*/
a:link { text-decoration:none; }
a:visited { text-decoration:none }
a:hover { text-decoration:underline }

/*　段落　*/
p { margin : 0px }



/* ★ページ背景　白 --------------------------------------------------------------------------------- */

/*#shadow { 影の個別設定用
	margin:0 auto;	
	width:840px ;
	height:auto ;
	background : url(../img_common/shadow.gif) repeat-y 0 0 }*/

#back {
	margin:0 auto;	
	width:800px ;
	background : #fff;
	text-align :left }


/* ★ヘッダー --------------------------------------------------------------------------------- */

#header {
	width:800px ;	/*ヘッダーの横幅*/
	height:61px ;	/*ヘッダーの高さ*/
	margin:0;	/*ヘッダーを中央寄せにする。左寄せならこの行を取る*/
	padding:0 ;
	background: url(../img_common/header.jpg) no-repeat;	/*背景画像*/
	clear:both }

#header h1#logo {
	margin:0 }


#header h1#logo a{
	width:350px ;	/*ロゴ画像横サイズ*/
	height:50px ;	/*ロゴ画像縦サイズ*/
	margin:0 ;
	padding:0 ;
	float:left }

#header h1#logo a span { display:none }


/*右側ナビ部分*/

#header ul {
	margin:33px 5px 0 0 ;	/*左側ロゴと下位置を合わすためのマージン*/
	padding:0 ;
	font-size:10px ;	/*ナビのフォントサイズ*/
	float:right }


#header li {
	padding:4px 15px 4px 7px ;
	float:left;
	list-style : none ;
	border-left:1px solid #fff}


#header li a{
	color : #fff}


/* ★備考 -------------------------------------------------------------------------------------
最終更新日：
*/




/* ★ヴィジュアル --------------------------------------------------------------------------------- */

#visual {
	width:800px ;
	height:210px ;
	margin:0 ;
	padding:0 ;
	clear:both ;
	background:url(../img_common/visual_s.jpg) no-repeat}

#visual span{
	display:none}


/* ★備考 -------------------------------------------------------------------------------------
最終更新日：
*/




/* ★ナビ ------------------------------------------------------------------------------------- */

#navi {
	margin:0px;
	width:800px ; 	/*ナビ全体の幅*/
	height:36px ; 	/*ナビ全体の高さ*/
	clear:both }


#navi ul {
	width:100% ; 	/*ナビ全体の幅*/
	margin:0px;/*ナビの位置*/
	padding:0 ;
	list-style-type:none }

#navi ul li { 
	width:200px ;	/*画像横サイズ*/
	float:left }

#navi ul li a.navi01, #navi ul li a.navi02, #navi ul li a.navi03, #navi ul li a.navi04 { 
	height:36px ;	/*画像縦サイズ*/
	width:200px ;	/*画像横サイズ*/
	text-indent:-9999px;
	overflow:hidden;
	display:block }


/*ナビ１*/
#navi ul li a.navi01 {
	background: url(../img_common/navi01.jpg) no-repeat 0 0 }	/*ナビの背景画像*/

#navi ul li a.navi01:hover {
	background-position:0 -36px }	/*マウスオーバー時の背景画像の位置*/


/*ナビ２*/
#navi ul li a.navi02 {
	background: url(../img_common/navi01.jpg) no-repeat -200px 0 }	/*ナビの背景画像*/

#navi ul li a.navi02:hover {
	background-position:-200px -36px }	/*マウスオーバー時の背景画像の位置*/


/*ナビ３*/
#navi ul li a.navi03 {
	background: url(../img_common/navi01.jpg) no-repeat -400px 0 }	/*ナビの背景画像*/

#navi ul li a.navi03:hover {
	background-position:-400px -36px }	/*マウスオーバー時の背景画像の位置*/


/*ナビ４*/
#navi ul li a.navi04 {
	background: url(../img_common/navi01.jpg) no-repeat -600px 0 }	/*ナビの背景画像*/

#navi ul li a.navi04:hover {
	background-position:-600px -36px }	/*マウスオーバー時の背景画像の位置*/




/*　以下ナビドロップダウンメニューの設定　
            
#navi .submenu { ボーダー用の設定
	border: 1px solid #5970B2;
	border-left : 0 }

#navi .submenu a { ボーダー用の設定
	border-left: 1px solid #5970B2 }*/

#navi .submenu {
	background: #EAEBD8;
	border: 1px solid #5970B2;
	width : 250px ;
	visibility: hidden;
	position: absolute;
	z-index: 3 }

#navi .submenu a {
	white-space:nowrap;
	display: block;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	padding: 5px;
	color: #2875DE;
	float : left }

#navi .submenu a:hover {
	background: #49A3FF;
	color: #FFF }

          

/*　以下ナビ下メニューの設定　*/

#navi2 {
	margin:0 0 0 0 ;
	padding: 3px 0 0 0 ;
	height:21px;	
	background: #d1d1d1;
	width : 100% }

#navi2 a{
	padding: 0 7px ;
	margin:0 -29px 0 30px ;
	height:21px;	
	line-height : 1.8em;
	font-size: 12px;
	color: #666;
	background: #eee;
	float : left ;
	display: block }

/*#navi2 a:hover {
	text-decoration: none }*/


#navi2 a.on{
	background: #fff;
	text-decoration : none }


/* ★備考 -------------------------------------------------------------------------------------
最終更新日：
*/




/* ★カラム ----------------------------------------------------------------------------------- */

/* ★★★★★★ バナーエリア高さ ★★★★★★★ */
#body #right iframe{
	height:1170px ;/* 高さ バナー数に合わせて調整必要*/
	width:190px ; 	/*インラインフレームの幅*/
}

#body {
	clear : both ;
	width:800px ; 	/*外枠の幅*/
	margin:0 0 20px 0 } 	/*外枠の位置*/

#body:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block }

/*　以下ナビ下メニューの【内部】メニュー設定　*/

#body #navi3 {
	margin : 0 0 25px 0 ;
	padding: 0  ;
	border-bottom: 1px solid #ccc;
	height:21px;
	font-size:16px ;
	width : 100% }

#body #navi3 a{
	padding: 0 0 ;
	margin:0 ;
	line-height : 1.8em;
	font-size: 12px }

#body #navi3 a.on{
	color: #666;
	text-decoration : none }

/*　左ボックス　*/
#body #left {
	margin:18px 0 0 30px ;
	width:550px ; 	/*左ボックスの幅*/
	float:left }


/*　ページTOPへのリンク　*/

#body #left p.top {
	margin:40px 0 0 0 ;
	text-align:right;
	font-size:100% ;
	clear : both }


/*　右ボックス　バナー領域*/
#body #right {
	margin:20px 0 0 0 ;
	width:195px ; 	/*右ボックスの幅*/
	float:right }






/* ★備考 -------------------------------------------------------------------------------------

*/




/* ★本文 --------------------------------------------------------------------------------- */

/* 文字サイズ調整 */

#body #left {
	font-size:80% }

#body #left h3 , #body #left h4 , #body #left p , #body #left ul ,#body #left ol {
	font-size:100% }


/*　見出し　*/

#body h2 { 
	margin : 0 0 25px 0 ;
	padding : 0 0 5px 0 ; 
	font-size : 110% ;
	border-bottom :1px solid #004EA1 }

#body h3 { 
	margin : 25px 0 10px 0px ;
	padding : 10px 0;
	font-weight:normal ;
	color : #004EA1;
	border-bottom:1px dashed #004EA1;
	clear:both; }

#body h3 img{
	margin-right:10px ;
	vertical-align : top }
	
#body h4{
	margin : 0px 0 10px 0 ;
	padding : 0px ;
	line-height:20px ;
	font-weight:normal ;
	color:#555 }


/*　段落　*/

#body #left p {
	margin:0 0 15px 0 ;
	padding:0 0 0 0px ;
	line-height :1.7em }


/*　リスト　*/

#body #left ul, #body #left ol {
	margin-top:-12px ;
	margin-bottom:15px ;
	margin-left:1.2em ;
	padding-left:0 ;
	line-height :1.7em }


/* その他設定 */
	
#body #left .txt-c { text-align:center }

#body #left span.txt-uline { text-decoration:underline }
#body #left span.txt-oline { text-decoration:overline }

#body #left .w80 { width:80px }

/* adobe reader ダウンロード */
#body #left .get-adobe {
	padding : 5px ;
	border : 1px solid #CCC ;
	color:#666 ;
	line-height : 1.3em ;
	font-size : 90% ;
	text-align : left }

#body #left .get-adobe img {
	margin-right:5px; float:left; }
	
#body #left .get-adobe span {
	display : block ;
	text-align : left ;
	padding-left : 93px }


/* 印刷用改ページ */	
#body #left h3.page-break { page-break-before:always }


/* ★備考 -------------------------------------------------------------------------------------
最終更新日：080902

エディター利用対応のため、font-size は #body #left で一括 80% に指定、
タグごとにはサイズ指定していない。（<p><table>等タグには 100% 指定）

*/




/* ★フッター --------------------------------------------------------------------------------- */

#footer {
	width:800px ;	/*フッターの横幅*/
	margin:0 ;
	clear : both }	

#footer p {
	margin:0 ;
	padding:3px 0 3px 20px;	
	font-size:60% ;
	line-height:1.5em;
	color:#333 ;	/*フォント色*/
	border-bottom : 2px #ccc ridge }	/*行間*/

#footer p.copyright{
	font-size:60% ;
	border-bottom : 5px #333 solid }	/*行間*/

/* ★備考 -------------------------------------------------------------------------------------
最終更新日：
*/



/* ★印刷用設定 --------------------------------------------------------------------------------- */

@media print{

/*　ボディーの基本設定　*/
body { 
	font-family : "ＭＳ Ｐ明朝", "細明朝体"; 
	background : #ffffff; }
	
/*　リンク　*/
a:link { text-decoration:none;color:#003366 }
a:visited { text-decoration:none ;color:#003366 }
a:hover { text-decoration:underline }

/* 非表示設定 */
#header , #visual , #navi , #navi2 , #navi3 , #body #right ,#body .top , #footer {
	display:none }

/* 印刷領域設定 */

#body #left {
	margin:0 0 ;
	width:630px ;
	float:none }

/*　message　*/

#body #left #message { width:450px }

}

/* ★備考 -------------------------------------------------------------------------------------
message のみ印刷時、本文横幅広げた。※IE分岐あり
*/


/*　CLASS追加　*/
/*　（テキスト打消し線）　*/
.txt-through{text-decoration:line-through;}