﻿@charset "Shift_JIS ";

/* 印刷ボタン
---------------------------------------------*/
#print {
	position: absolute;
	right: 17px;
	top: 37px;
}

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;-
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
body {
	font-size: 75%;
        font-family: serif;
	line-height: 1.5;
	color: #ffffff;
	background-color: #888888;
}
img {
	border: none;
}
#wrapper {
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

/* ロゴ
---------------------------------------------*/
#header {
	width: 720px;
	background-color: #262626;
	padding-top: 90px;
}
#logo {
	position: absolute;
	left: 450px;
	top: 10px;
	width: 257px;
	height: 68px;
	background: url(../images/logo.jpg) left top no-repeat;
}
#logo img {
	position: absolute;
	left: -9999px;
}

/* ナビゲーション
---------------------------------------------*/
#globalNav {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	background: #E8E8E8 url(../images/global_nav_bg.gif) left top repeat-x;
	border-bottom: 3px solid #CCCCCC;
}
#globalNav li {
	float: left;
	width: 7em;
	border-right: 1px solid #cccccc;
}
#globalNav li a {
	display: block;
	width: 100%;
	line-height: 2.5em;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #E8E8E8 url(../images/global_nav_bg.gif) 0 0 repeat-x;
}
#globalNav li a:hover {
	color: #FFFFFF;
	background: #50B622 url(../images/global_nav_a_bg.png) 0 -100px repeat-x;
}

/* 幅可変の3段組レイアウト
---------------------------------------------*/
#contentWrapper {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 720px;
	padding: 25px 0;
	background: #FFFFFF url(../images/ba(kuro)-sin.jpg) left top repeat-y;
	background-color: #d5d5f5;

}
#footer {
	width: 720px;
	clear: both;
	padding: 10px 0;
	border-top: 3px solid #cccccc;
	text-align: center;
        color: #000000;
}

	/* ステップ2
	---------------------------------------------*/
	#primary {
		float: right;
		width: 100%;
		margin-left: -133px;
	}
	#secondary {
		float: left;
		width: 133px;
                
	}
	
	/* ステップ3
	---------------------------------------------*/
	#primary * {
		margin: 0 45px 0 150px;
	}
	#primary * * {
		margin: 0;
	}

/* 記事本文
---------------------------------------------*/
#primary h1 {
	color: #fab984;
	font-size: 150%;
	text-align: left;
	margin: 0 55px 0 180px;
	font-weight: bold;
        text-shadow: #666666 2px 2px 1.3px ;
	border-bottom: 1px solid #CCCCCC;
}
#primary h2 {
	font-size: 120%;
	text-align: left;
	font-weight: bold;
        text-shadow: #666666 2px 2px 1.3px ;

}
#primary h4 {
	color: #faf0e8;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
        text-shadow: #666666 2px 2px 1.3px ;
}
#primary h5 {
	font-size: 115%;
	text-align: center;
	font-weight: bold;
        text-shadow: #666666 2px 2px 1.3px ;
}
#primary h5 a {
	color: #e4f97f;
	font-size: 115%;
	text-align: center;
	font-weight: bold;
        text-shadow: #666666 2px 2px 1.3px ;
}
#primary h6 a {
	color: #94f0a4;
	font-size: 95%;
	text-align: right;
	font-weight: bold;
        text-shadow: #666666 2px 2px 1.3px ;
}
#primary h7 {
	color: #df71df;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
        text-shadow: #666666 2px 2px 1.3px ;
}
#primary h8 a {
	color: #df71df;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
        text-shadow: #666666 2px 2px 1.3px ;
}
#primary p {
	font-size: 90%;
	margin-top: 1em;
	margin-bottom: 1em;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}

/* リスト
---------------------------------------------*/

	/* 共通
	---------------------------------------------*/
	#primary .list,#secondary .list {
		margin-bottom: 20px;
	}
	#primary .list li {
		margin: 5px 0 0 5px;
		padding-left: 15px;
		border-bottom: none;
		list-style-type: none;
	}
        #primary img  {
                align: top;
                margin-right: 10px;
                margin-bottom: 8px;
                padding: 3px;
                border-style: none;
                vertical-aligh: bottom;
	}
        #primary .list-style-position: outside;
        }
        #primary a {
                text-decoration: none;
                color: #9efef5;
        }
        #primary a:hover {	
		color: #ff0000;
	}
        #secondary .list li {
		margin: 10px 0 0 15px;
		padding-left: 15px;
		background: url(../images/yaji.png) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
	}   
        #secondary .list li a {
	        font-size: 95%;
                text-decoration: none;
                color: #bfbfbf;
	}
        #secondary .list li a:hover {	
		color: #ff0000;
	}    
	
	/* 見出し
	---------------------------------------------*/
	#primary .list h2 {
		padding: 3px 10px;
		color: #0da75b;
                font-style: italic;
                font weight: 600;
		background-color: #F3F3F3;
		border-left: 5px solid #2D78BF;
		border-bottom: 1px solid #cccccc;
	}
        #primary .list h2 a {	
		color: #05308b;
                font-style: italic;
                font weight: 600;
	}
        #primary .list h4 a {	
		color: #be94f0;
		text-align: left;
                font-style: italic;
                font weight: 800;
	}
	#primary .list h3 {
		padding: 3px 10px;
		color: #0da75b;
                font-style: italic;
                font weight: 800;
		background-color: #F3F3F3;
		border-left: 5px solid #2D78BF;
		border-bottom: 1px solid #cccccc;
	}
	#primary .list h7 {
		color: #df71df;
		font-size: 80%;
		text-align: center;
		font-weight: bold;
        	text-shadow: #666666 2px 2px 1.3px ;
}

	#secondary .list h1 {
		padding: 3px 15px;
		color: #ffffff;
		background-color: #0e52f6;
	}