@charset "Shift_JIS";

/* 基本スタイル
---------------------------------------------*/
body {
	margin: 0;
	padding: 0;
        background: url(../img/bg1.jpg) left top repeat-x;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", 
sans-serif;
	line-height: 1.4;
	color: #333333;
}
h1 {
        font-size: 90%;
        color: #FFFFFF;
        padding: 1px;
        margin: 0px 0px 0px 10px;
}
p {
	/*\*/
	letter-spacing: 0.2em;
	/**/        
}

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

#wrapper {
    width: 860px;
    margin: 0 auto;
    text-align: left;
    background: #FFFFFF url(../img/bsid1.jpg) left top repeat-y;
    border-right: 5px solid #FFFFFF;
    border-left: 5px solid #FFFFFF;
}
#header {
    position: relative; 
    left: 11px;
    width: 839px;
    background: #FFFFFF url(../img/gtop2.jpg) left top no-repeat;
    height: 368px;
}
#header2 {
    position: relative; 
    width: 839px;
    background-color: #CC0000;
    height: 18px;
}
#header3 {
    position: absolute; 
    width: 360px;
    height: 89px;
}
#header4 {
	position: absolute;
	right: 0px;
	width: 280px;
	height: 50px;
	top: 21px;
}
#header5 {
    position: absolute; 
    left: 0px;
    top: 118px;
    width: 839px;
    height: 250px;
}
#container {
	position: relative;
	margin: 0;
	width: 100%;
	background: #FFFFFF url(../img/bsid1.jpg) left top repeat-y;
	background-image: url(img/bsid1.jpg);
} 
#primary {
    margin-left: 200px;
    top: 0px;
    width: 650px;
}
#adout1, #adout11 {
    float: left;
    width: 298px;
    padding: 0px 0px 10px 15px;
}
#adout2 {
    float: left;
    width: 604px;
    margin: 5px 0px 5px 18px;
    border-bottom: 1px solid #CCCCCC;
    background: url(../img/abbs.jpg) left top repeat-y;
}
#adout22 {
    float: left;
    width: 604px;
    margin: 5px 0px 5px 18px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
#adout222 {
    float: left;
    width: 604px;
    margin: 5px 0px 15px 18px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
#adout3 {
	float: left;
	width: 604px;
	margin: 10px 0px 0px 18px;
	border-bottom: 1px dashed #CCCCCC;
}
#adout32 {
    float: left;
    width: 604px;
    margin: 10px 0px 0px 18px;
}
#adout321 {
    float: left;
    width: 604px;
    margin: 10px 0px 0px 18px;
}
#adout22 p, #adout222 p {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 100%;
	letter-spacing: 0.1em;
        color: #000000;
}
#adout4 {
    float: left;
    width: 604px;
    margin: 0px 0px 0px 18px;
}
#secondary {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 184px;
	padding:  0px 0px 0px 11px;
	background-image: none;
	background-repeat: repeat-y;
	background-position: left top;
}
#secondary2 {
    float:left;
    width: 184px;
    border-bottom: 1px solid #CCCCCC;
    background: url(../img/seb.jpg) left top repeat-y;
}
#secondary3 {
    float:left;
    margin: 3px 0px 0px 0px;
    width: 184px;
    background-color: #FFFFFF;
}
#secondary4 {
    float:left;
    margin: 20px 0px 0px 0px;
    padding: 10px 0px 0px 5px;
    width: 179px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
#footer {
    float: left;
    background: #CCCCCC url(../img/bsid6.jpg) left center no-repeat;
    width: 100%;
    height: 300px;
}






#header p {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 100%;
	letter-spacing: 0.1em;
        color: #FFFFFF;
}
#primary p {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 100%;
	letter-spacing: 0.1em;
        color: #000000;
}
#primary a, #adout22 a { 
        color: #EC8602;
        background: none;
}
#primary a:hover, #adout22 a:hover {
        color: #EC8602;
        text-decoration: none;
        background: none;
}
#adout22 p {
	margin: 5px 5px 5px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	letter-spacing: 0.1em;
        color: #000000;
}
#header4 p {
        margin: 0px 0px 0px 10px;
        font-size: 100%;
}
#header4 ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#header4 li {
        float:right;
        width: 95px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
        background: url(../img/t17.gif) left center no-repeat;
}
#header4 li a { 
        color: #EC8602;
        background: none;
}
#header4 li a:hover {
        color: #EC8602;
        text-decoration: none;
        background: none;
}
#adout2 p {
        margin: 0px 0px 0px 10px;
        font-size: 100%;
}
#adout2 ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#adout2 li {
        margin: 6px 20px 6px 30px; 
        padding: 0px 0px 0px 20px;
        border-bottom: 1px dashed #333333;
        background: url(../img/t17.gif) left center no-repeat;
}
#adout2 li a { 
        color: #EC8602;
        background: none;
}
#adout2 li a:hover {
        color: #EC8602;
        text-decoration: none;
        background: none;
}
#adout222 h2 {
        margin: 0px 0px 0px 0px;
        padding: 2px 2px 2px 18px;
        font-size: 90%;
        border-left: 10px solid #CC0000;
        background: #990000;
        color: #FFFFFF;
}
#adout3 dl {
        margin: 0px 15px 30px 5px;
        font-size: 120%;
}
#adout3  dt {
        margin: 0px 15px 15px 0px;
        font-size: 90%;
        color: #666666;
}
#adout32 h3 {
        margin: 15px 15px 0px 20px;
        padding: 5px 5px 5px 5px;
        font-size: 120%;
        border-left: 3px solid #CC0000;
        color: #000000;
}
#adout321 h3 {
        margin: 15px 15px 0px 20px;
        padding: 5px 5px 5px 5px;
        font-size: 120%;
        border-left: 3px solid #006666;
        color: #000000;
}
#adout322 h3 {
        margin: 15px 15px 0px 20px;
        padding: 5px 5px 5px 5px;
        font-size: 120%;
        border-left: 3px solid #0066FF;
        color: #000000;
}

#adout32 p, #adout321 p, #adout322 p, #adout33 p {
        margin: 15px 15px 30px 20px;
        font-size: 120%;
}

#adout4 p {
        margin: 0px 0px 0px 10px;
        font-size: 100%;
}
#adout4 ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#adout4 li {
        float: left;
        width: 150px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
        background: url(../img/t17.gif) left center no-repeat;
}
#adout4 li a { 
        color: #EC8602;
        background: none;
}
#adout4 li a:hover {
        color: #EC8602;
        text-decoration: none;
        background: none;
}
#secondary2 {
        font-size: 100%;
}
#secondary2 h2 {
        margin: 0;
        padding: 10px 0px 4px 10px;
        font-size: 110%;
        border-bottom: 2px solid #666666;
        color: #FFFFFF;
        background: #FFFFFF url(../img/gh32.jpg) left center repeat-x;
}
#secondary2 h4 {
        margin: 0;
        padding:  4px 0px 5px 10px;
        font-size: 100%;
        border-top: 3px solid #000000;
        border-bottom: 1px solid #CC0000;
        color: #FFFFFF;
        background: #CCCCCC url(../img/h4.jpg) left center repeat-x;
}
#secondary2 p {
        margin: 0px 0px 0px 10px;
        font-size: 90%;
}
#secondary2 ul {
        margin: 0;
        padding: 0;
        list-style: none;
}
#secondary2 li {
        margin: 0px 0px 0px 10px;
        background: url(../img/t4.gif) left center no-repeat;
}
#secondary2 li a {
        display: block;
        width: 138px !important;
        width: /**/: 148px;
        padding: 11px 10px 11px 20px;
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
        text-decoration: none;
        background: url(../img/t3.gif) left center no-repeat;
}
#secondary2 li a:hover {
        color: #EC8602;
        background: none;
}
#secondary4 p {
        margin: 3px 3px 5px 5px;
	font-size: 88%;
	letter-spacing: 0.1em;
	line-height: 1.0;
}
