@charset "utf-8";

/* CSS Document */

html { 
padding: 0px;
margin: 0px;
text-align: center;
}

body {
text-align: center;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height: 1.5;
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding:0px;
background-color: #EBEBEB;
}

hr{
margin: 0px;
width: 98%;
color: #CCCCCC;
text-align: center;
}

img{
border: none;
}

a:link{
text-decoration: none;
}

a:visited{
text-decoration: none;
}

a:hover{
text-decoration: none;
position:relative;
top:1px;
left:1px;
}

a:active{
text-decoration: none;
}

ul{
margin: 0px 0 12px 0;
padding-left: 30px;
}

/* ++++++ 外枠 ++++++ */

#out {
width: 760px;
margin:0px auto;
padding: 0px auto;
background-color: #FFFFFF;
border-left: solid 2px #969696;
border-right: solid 2px #969696;
background: url(b-img/bg.jpg);
background-repeat:repeat-y;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
} 

/* ++++++ ヘッダー ++++++ */

#header{
clear:both;
width: 760px;
height: 73px;
background-image: url(b-img/header.gif);
background-position: left;
background-repeat: no-repeat;
text-align: right;
}

.header_menu{
float: right;
text-align: right;
padding: 15px 5px 0 0;
vertical-align: middle;
} 

.header_menu table{
text-align: right;
}

.header_menu tr{
text-align: right;
}

/* ++++++ Cg ++++++ */

#main{
width: 760px;
background: url(b-img/bg.jpg);
background-repeat:repeat-y;
}

/* ++++++ バナー ++++++ */

#banner{
width: 760px;
}

/* ++++++ メニュー ++++++ */

#menu{
float: left;
width: 175px;
padding: 7px 15px 20px 10px;
background-image: url(b-img/m-bg.jpg);
background-position: left;
background-repeat: repeat-y;
text-align: left;
}

#menu ul{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom:5px;
}

#menu li{
list-style-image: url(b-img/m-listicon.gif);
list-style-type: circle;
list-style-position: outside;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 14px;
}

#menu a:link{
color: #666666;
}

#menu a:visited{
color: #666666;
}

#menu a:hover{
color: #FF9999;
}

#menu a:active{
color: #FF9999;
}

#submenu{
clear: both;
width: 175px;
padding: 7px 15px 20px 10px;
background-image: url(b-img/m-bg.jpg);
background-position: left;
background-repeat: repeat-y;
text-align: left;
}

/* ++++++ コンテンツ ++++++ */

#content{
float: left;
width: 539px;
height: auto;
padding: 20px 10px 20px 10px;
text-align: left;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#content p{
margin: 10px 0 10px 5px;
font-size: 12px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#content li{
margin: 3px 0;
}

.content-title{
clear: both;
width: 520px;
height: 25px;
margin-bottom: 10px;
padding-top: 3px;
padding-left: 10px;
background-image: url(m-img/tc-title01.gif);
background-repeat: no-repeat;
border: thin 2px #969696;
font-size: 14px;
color:#ffffff;
font-weight: bold;
}

.content-both{
width: 522px;
height: auto;
margin-bottom: 10px;
padding: 2px 0 2px 5px;
border: solid 1px #666666;
text-align:left;
}

.content-both a:link{
color: #000000;
text-decoration: underline;
/*color: #990033;*/
}

.content-both a:visited{
color: #000000;
text-decoration: underline;
/*color: #840053;*/
}

.content-both a:hover{
color: #990033;
text-decoration: underline;
}

.content-both a:active{
color: #990033;
text-decoration: underline;
}

.content-ltitle{
float: left;
width: 248px;
height: 24px;
margin: 0 7px 10px 0;
padding-top: 3px;
padding-left: 10px;
background-image: url(m-img/tc-title02.gif);
background-repeat: repeat-x;
border: thin 2px #969696;
font-size: 14px;
color:#ffffff;
font-weight: bold;
}

.content-rtitle{
float: left;
width: 248px;
height: 24px;
margin: 0 0 10px 6px;
padding-top: 3px;
padding-left: 10px;
background-image:url(m-img/tc-title02.gif);
background-repeat: repeat-x;
border: thin 2px #969696;
font-size: 14px;
color:#ffffff;
font-weight: bold;
}

.content-l{
float: left;
width:256px;
margin: 0 7px 10px 0;
border-bottom: solid 1px #666666;
}

.content-l a:link{
color: #000000;
text-decoration: underline;
/*color: #990033;*/
}

.content-l a:visited{
color: #000000;
text-decoration: underline;
/*color: #840053;*/
}

.content-l a:hover{
color: #990033;
text-decoration: underline;
}

.content-l a:active{
color: #990033;
text-decoration: underline;
}

.content-r{
float: left;
width:256px;
margin: 0 0 10px 8px;
border-bottom: solid 1px #666666;
}

.content-lin{
width:256px;
height: auto;
border-top: solid 1px #666666;
border-right: solid 1px #666666;
border-left: solid 1px #666666;
margin: 0;
}

.content-rin{
width:256px;
height: auto;
border-top: solid 1px #666666;
border-right: solid 1px #666666;
border-left: solid 1px #666666;
margin: 0;
}

.content-rin a:link{
font-size: 14px;
color: #386CB0;
font-weight: bold;
}

.content-rin a:visited{
font-size: 14px;
color: #386CB0;
font-weight: bold;
}

.content-rin a:hover{
font-size: 14px;
color: #990033;
font-weight: bold;
}

.content-rin a:active{
font-size: 14px;
color: #990033;
font-weight: bold;
}

.content-lrtitle{
width:248px;
height: 23px;
padding-top: 5px;
padding-left: 10px;
background-image:url(m-img/tc-title03.gif);
background-repeat: no-repeat;
font-size: 14px;
color:#666666;
font-weight: bold;
}

/* ++++++ トピックス ++++++ */

#topics{
width: 522px;
height: auto;
margin-bottom: 10px;
padding: 10px 0 2px 5px;
border: solid 1px #666666;
text-align:left;
}

#topics a:link{
text-decoration: none;
color: #990033;
}

#topics a:visited{
text-decoration: none;
color: #990033;
}

#topics a:hover{
text-decoration: none;
color: #FF9999;
}

#topics a:active{
text-decoration: none;
color: #FF9999;
}

#topics ul{
margin: 4px 0;
padding: 0;
list-style:none;
}

#topics li{
list-style:none;
margin: 0 8px;
padding-left: 25px;
background-image: url(c-img/c-icon01.gif);
background-repeat: no-repeat;
background-position: 2px 3px;
}

#topics p{
text-align: right;
list-style:none;
margin: 0 8px 5px 8px;
padding-right: 3px;
background-image: url(c-img/c-icon01.gif);
background-repeat: no-repeat;
background-position: 295px 3px;
}


/* ++++++ フッター ++++++ */

#footer_t{
clear:both;
width: 760px;
height: 65px;
background-image: url(m-img/footer01.jpg);
background-position: left;
background-repeat: no-repeat;
}

#footer_b{
clear:both;
width: 760px;
height: 37px;
background-image: url(b-img/footer02.gif);
background-position: left;
background-repeat: no-repeat;
border-top: solid 5px #386CB0;
border-bottom: solid 2px #969696;
}

.footer_in{
margin:8px 0;
text-align: center;
font-size: 12px;
color: #333333;
}

.add{
float: right;
margin-top: 5px;
padding-right: 90px;
text-align: right;
font-size: 10px;
color: #FFFFFF;
}

/* ++++++ ̑tHgX^C ++++++ */

.style1{
font-size: 10px;
color: #000000
}

.style2{
font-size: 12px;
color: #FF0000;
}

.style3{
font-size: 12px;
color: #FF0000;
font-weight: bold;
}

.style4{
font-size: 12px;
color: #000000;
font-weight: bold;
}

.style5{
font-size: 15px;
color: #000000;
}

.style6{
font-size: 15px;
color: #000000;
font-weight: bold;
}

.style7{
font-size: 15px;
color: #000000;
text-decoration: underline;
font-weight: bold;
}

.style8{
font-size: 14px;
color: #386CB0;
font-weight: bold;
}

.style9{
font-size: 20px;
color: #386CB0;
font-weight: bold;
}

.style10{
font-size: 12px;
color: #386CB0;
}

.style11{
font-size: 12px;
color: #386CB0;
font-weight: bold;
}

.style12{
font-size: 14px;
color: #999999;
font-weight: bold;
}

.style13{
font-size: 12px;
color: #FFFFFF;
}
/* ++++++　バナー　++++++ */
#spacer{
	clear:both;
	background:#FFFFFF;
	padding:80px 0px 0px 0px;	
}
#wrapperbanner{
	clear:both;
	background:#EEEEEE;
	padding:0px 0px 20px 0px;
	width:540px;
}

.btmbannertitle{
	color:#666666;
	font-weight:bold;
	font-size:14px;
	padding:10px 0px 0px 10px;
}
#wrapperbanner table{

}
#wrapperbanner th{
	border:none;
	margin:0;
	padding:5px 5px 5px 5px;
}
#wrapperbanner td{
	border:none;
	margin:0;
	padding:5px 0px 5px 5px;
}
.bannertxt{
	color:#666666;
	font-weight:bold;
	font-size:14px;
	padding:10px 10px 0px 10px;
}