@charset "utf-8";

/* Basic Style
---------------------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 160%;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 105%;
	font-weight: normal;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 5px 0;
}

h2 {
	font-size: 105%;
	font-weight: normal;
	color: #333;
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

h3 {
	font-size: 92%;
	font-weight: normal;
	color: #333;
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

.tx10 { font-size: 85%; color: #333; line-height: 140%; }
.tx11 { font-size: 92%; color: #333; line-height: 150%; }
.tx11g { font-size: 92%; color: #666; line-height: 150%; }
.tx12 { font-size: 100%; color: #333; line-height: 160%; }
.tx12g { font-size: 100%; color: #666; line-height: 160%; }
.tx14 { font-size: 120%; color: #333; line-height: 150%; }
.tx16bro { font-size: 135%; color: #963; line-height: 150%; }

A:link { color: #0033FF; text-decoration: underline; }
A:hover { color: #CC3333 ; text-decoration: none; }
A:visited { color: #9933CC; text-decoration: underline; }
A:active { color: #FF6600; text-decoration: underline; }

img {
	border: none;
	virtical-align: middle;
}

/* Layout
---------------------------------------------*/
#wrapper {
	width: 100%;
	margin-top: 0;
	padding: 0;
	background-image: url("img/head_bg.png");
	background-repeat: repeat-x;
}

#header {
	width: 910px;
	height: 65px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

#container {
	width: 910px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.h-primary {
	float: left;
	width: 560px;
	margin: 0;
	padding: 0;
}

.h-secondary {
	float: right;
	width: 298px;
	height: 30px;
	margin: 0;
	padding: 0;
}

.h-secondary2 {
	float: right;
	width: 207px;
	height: 30px;
	margin: 0;
	padding: 0;
}

.flash {
	width: 908px;
	border: 1px solid #963;
}

#content {
	width: 908px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 5px 0;
	border-top: dotted 1px #999;
}

#content p {
	font-size: 105%;
	color: #333;
	line-height: 160%;
	margin: 0;
	padding: 0;
}

#content2 {
	width: 908px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 5px 0;
}
#content2 p {
	font-size: 105%;
	color: #333;
	line-height: 150%;
	text-align: center;
	margin: 0;
	padding: 0;
}

#content3 {
	width: 700px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 5px 0;
	border-top: dotted 1px #999;
}

#content3 p {
	font-size: 98%;
	color: #333;
	line-height: 160%;
	margin: 0;
	padding: 0;
}

#content4 {
	width: 600px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding: 0;
}

#content4 p {
	font-size: 110%;
	color: #333;
	line-height: 150%;
	text-align: left;
	margin: 0;
	padding: 0;
}

#primary {
	float: left;
	width: 200px;
	margin: 0;
	padding: 10px 10px;
}

#primary p {
	font-size: 105%;
	line-height:150%;
	color: #333;
	text-align: left;
}

#secondary {
	float: right;
	width: 560px;
	margin: 0;
	padding: 10px 10px 0px 10px;
}

#secondary p {
	font-size: 105%;
	color: #666;
	text-align: center;
}

.primary2 {
	float: left;
	width: 320px;
	margin: 0;
	padding: 0;
}

.primary2 p {
	font-size: 105%;
	line-height:150%;
	color: #333;
	text-align: left;
}

.secondary2 {
	float: right;
	width: 360px;
	font-size: 110%;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
}

.secondary2 p {
	font-size: 105%;
	color: #333;
	text-align: left;
}

.companylist {
	clear:both;
}
.companylist dl {
	width: 100px;
	float:left;
	padding: 0;
	margin: 0px 0px 2px 0px;
}
.companylist dl dt{
	font-size: 12px;
	line-height: 160%;
	color: #333;
	text-align: left;
	padding: 0;
}
.company {
	float:left;
	width: 600px;
}
.company dt {
	float: left;
	width: 600px;
	font-size: 12px;
	line-height: 160%;
	color: #333;
	text-align: left;
}

.companylist2 {
	clear:both;
}
.companylist2 dl {
	width: 80px;
	float:left;
	padding: 0;
	margin: 0px 0px 2px 0px;
}
.companylist2 dl dt{
	font-size: 12px;
	line-height: 160%;
	color: #333;
	text-align: left;
	padding: 0;
}
.company2 {
	float:left;
	width: 350px;
}
.company2 dt {
	float: left;
	width: 350px;
	font-size: 12px;
	line-height: 160%;
	color: #333;
	text-align: left;
}

.blandlist {
	clear:both;
}
.blandlist dl {
	width: 200px;
	float:left;
	margin: 0;
	padding: 5px 0;
}
.blandlist dl dt{
	font-size: 12px;
	line-height: 160%;
	color: #333;
	text-align: left;
	padding: 0;
}
.bland {
	float:left;
	width: 500px;
	margin: 0;
	padding: 5px 0;
}
.bland dt {
	float: left;
	width: 500px;
	font-size: 12px;
	line-height: 160%;
	color: #333;
	text-align: left;
}

.sitelist {
	clear:both;
	width: 760px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
}
.sitelist dl {
	width: 200px;
	float:left;
	padding: 0;
	margin: 0px 5px 0px 0px;
}
.sitelist dl dt{
	font-size: 12px;
	line-height: 160%;
	color: #333;
	text-align: left;
	padding: 0;
	padding: 0;
}
.site {
	float:left;
	width: 500px;
}
.site dt {
	float: left;
	width: 480px;
	font-size: 12px;
	line-height: 160%;
	color: #333;
	text-align: left;
}

div.text1 {
	width: 700px;
	margin-bottom: 20px;
}

div.text1 dl {
	width: 700px;
	padding: 4px 0 4px 0;
	background: transparent url(image/bg_dot1.gif) repeat-x 0 bottom;
}

div.text1 dt {
	float: left;
	clear: left;
	width: 80px;
	padding-left: 8px;
	font-size: 11px; line-height: 15px;
	text-align: left;
	color:#333333;
}

div.text1 dd {
	width: 580px;
	margin-left: 90px;
	_margin-left: 0;
	_padding-left: 5px;
	font-size: 11px; line-height: 15px;
	text-align: left;
	color:#333333;
}

div.text1 dd img,
div.text2 dd img {
	display:inline;
	padding-left: 4px;
}

div.text2 {
	float: left;
	width: 180px;
	margin-bottom: 20px;
}

div.text2 dl {
	width: 180px;
	padding: 4px 0 4px 0;
	background: transparent url(image/bg_dot1.gif) repeat-x 0 bottom;
}

div.text2 dt {
	float: left;
	clear: left;
	width: 25px;
	padding-left: 8px;
	font-size: 11px; line-height: 15px;
	text-align: left;
	color:#333333;
}

div.text2 dd {
	width: 105px;
	margin-left: 51px;
	font-size: 11px; line-height: 15px;
	text-align: left;
	color:#333333;
}

p.pic2 {
	float: right;
	width: 390px;
	margin-top: 40px;
	margin-right: 60px;
}

#footmenu {
	clear: both;
	width: 810px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
	border-top: dotted 1px #999;
}
#footmenu p {
	font-size: 11px;
	line-height: 140%;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

#footer {
	clear: both;
	width: 910px;
	height: 30px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-image: url("img/footer_bg.jpg");
}
#footer p {
	font-size: 95%;
	font-color: #333;
	text-align: center;
	margin: 0;
	padding: 8px 0px 0px 0px;
}