@charset "utf-8";

/*-------------------------
	Reset Layout
-------------------------*/
html,body,
h1,h2,h3,h4,h5,h6,
div,span,p,a,ul,li,
table,caption,tr,th,td,
header,nav,footer {
		margin: 0px;
		padding: 0px;
}
header,nav,footer {
		display: block;
}


/*-------------------------
	Base Layout
-------------------------*/
html {
		font-size: 12px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/**/
		letter-spacing: 1px;
		color: #666;
}

body {
		background: #F5F5F5;
}

h1,h2,h3,h4,h5,h6 {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/**/
		font-weight: bold;
}

ul {
		list-style-type: none;
}

table {
		border-collapse: collapse;
}
table th {
		font-weight: normal;
		text-align: justify;
}

/*-------------------------
	Wrapper Layout
-------------------------*/
#wrapper {
		width: 960px;
		margin: 0px auto 10px;
		background: #FFF;
/*		border-right: solid 1px #999;	/**/
/*		border-bottom: solid 1px #999;	/**/
/*		border-left: solid 1px #999;	/**/
/*		-ms-box-shadow: 0px 0px 8px rgba(0,0,0,1);	/**/
/*		-moz-box-shadow: 0px 0px 8px rgba(0,0,0,1);	/**/
/*		-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,1);	/**/
/*		-o-box-shadow: 0px 0px 8px rgba(0,0,0,1);	/**/
/*		box-shadow: 0px 0px 8px rgba(0,0,0,1);	/**/
		color: #333;
}


/*-------------------------
	Header Layout
-------------------------*/
#header {
		zoom: 1;
}
#header:before,
#header:after {
		display: table;
		content: "";
}
#header:after {
		clear: both;
}

#header h1 {
		margin: 0px 0px 10px 0px;
		font-size: 12px;		
		font-weight: bold;
		color: #AAA;
}

#header h2 {
		margin: 0px 0px 8px 0px;
		font-size: 12px;		
		font-weight: normal;
}

#header div {
		padding: 20px;

}
#header div.rb p {
		margin: 0px 6px 0px 0px;
		text-align: right;
}

/*-------------------------
	Visual Layout
-------------------------*/
#visual {
		height: 44px;
}
#visual h3 {
		width: 900px;
		height: 44px;
}

/*-------------------------
	Container Layout
-------------------------*/
#container {
		width: 960px;
		zoom: 1;
}
#container:before,
#container:after {
		display: table;
		content: "";
}
#container:after {
		clear: both;
}

#topicpath {
		height: 20px;
		margin: 0px 0px 40px;
		padding: 8px 30px 2px;
		background: #3C6996;
		color: #FFF;
		zoom: 1;
}
#topicpath:before,
#topicpath:after {
		display: table;
		content: "";
}
#topicpath:after {
		clear: both;
}

#topicpath li {
		margin: 0px 10px 0px 0px;
		float: left;
}
#topicpath a {
		color: #FFF;
		margin: 0px 15px 0px 0px;
		text-decoration: underline;
}
#topicpath a:hover {
		color: #FFF100;
		text-decoration: none;
}


/*-------------------------
	Navigation Layout
-------------------------*/
#navigation {
		width: 221px;
		padding: 30px 20px;
		float: left;
}

#navigation ul li {
		width: 221px;
		height: 38px;
		overflow: hidden;
}

body.v6 #navigation ul li {
		overflow: hidden;
}


/*-------------------------
	Content Layout
-------------------------*/
#content {
		width: 570px;
		padding: 30px 80px 30px 45px;
		border-left: solid 1px #999;
		float: right;
}

#content h4 {
		margin: 45px 0px 20px 0px;
		padding: 5px 0px 5px 10px;
		background: url( ../image/back/h4.jpg ) repeat-x left top;
		border-radius: 5px;
		font-size: 13px;
		font-weight: normal;
		color: #FFF;
}
#content h4:first-child {
		margin-top: 0px;
}

#content h5 {
		margin: 20px 0px 5px 0px;
		font-size: 14px;
		color: #A32ADE;
}

#content strong {
		font-weight: normal;
		color: #A32ADE;
}

#content p {
		margin: 0px 0px 5px 0px;
		line-height: 180%;
}

#content table {
		width: 570px;
}

#content table th,
#content table td {
		padding: 15px 10px;
		border: solid 1px #555;
		line-height: 180%;
}

#content table th {
		width: 130px;
		background: #8B8B8B;
		color: #FFF;
}

#top_content h3 {
		margin: 0px;
		padding: 0px;
		font-size: 20px;
		color: #333;
}

#top_content h4 {
		margin: 20px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		background: none;
		font-size: 14px;
		color: #888;
}


/*-------------------------
	Footer Layout
-------------------------*/
#footer {
		padding: 40px;
		border-top: solid 1px #999;
}


/*-------------------------
	Common Layout
-------------------------*/
div.lb {
		float: left;
}
div.rb {
		float: right;
}
body.v6 div.lb ,
body.v6 div.rb {
		display: inline;
}


/*-------------------------
	Extend Layout
-------------------------*/
#content p.toplink {
		margin: 30px 0px 0px 0px;
		text-align: right;
}
#content span.phone {
		margin: 0px 5px 0px 0px;
		font-weight: bold;
		color: #A32ADE;
}
#content ul.disc {
		margin: 0px 0px 10px 20px;
		list-style-type: disc;
		list-style-position: outside;
}
#content ul.disc li {
		padding: 5px 5px;
		line-height: 180%;
}


/*-------------------------
	Link Layout
-------------------------*/
a {
		text-decoration: underline;
		color: #1D2088;
}
a:hover {
		text-decoration: none;
}

a img {
		border: none;
}