@charset "UTF-8";
/* CSS Document */

@import url("../../css/reset-fonts.css");

/* 基本タグ */
* {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", "Times New Roman", Times, serif;
}
html, body {
	height: 100%;
}
html {
	background: #FFFFFF;
}
body {
	background: transparent url(../images_sample_b/bg_body.jpg) no-repeat center top;
	color: #666666;
	margin: 0;
	padding: 0;
}
table{
	border-collapse: collapse;
}
iframe{
	margin: 0;
	padding: 0;
	border: 0;
}
form, input, button, select, optgroup, option, textarea, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
}
address, span, em, strong, dfn, cite, abbr, acronym, q, br, a, img, object{
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
 	font-weight: inherit;
	text-decoration: none;
}
img{
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}
strong{
	background-color: transparent;
	font-weight: bold;
}
a:link{
	color: #002e73;
	text-decoration: none;
}
a:visited{
	color: #002e73;
	text-decoration: none;
}
a:hover {
	color: #9d005c;
	text-decoration: none;
}
/* 基本レイアウト */
div#wrap {
	background: transparent;
	margin: 0px auto 0px;
	padding: 30px 0px 0px;
	width: 760px;
	height: 500px;
}
div#header {
	background: transparent;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 760px;
}
div#container {
	background: transparent url(../images_sample_b/bg_container.png) repeat left top;
	margin: 0px;
	padding: 0px;
	width: 760px;
	height: 430px;
}
div#container div#globalmenu {
	background: transparent;
	margin: 0px;
	padding: 0px 20px 0px 340px;
	width: 400px;
}
div#container div#main {
	background: transparent;
	margin: 0px;
	padding: 0px 20px 10px;
	height: 400px;
	width: 720px;
}
div#footer {
	background: transparent url(../images_sample_b/bg_footer.png) repeat;
	margin: 0px;
	padding: 0px 20px;
	width: 720px;
	height: 20px;
}
div#footer address {
	font-size: 85%;
	font-style: oblique;
	line-height: 1;
	color: #FFFFFF;
	padding-top: 5px;
}
/* Page1 */
 /* タブディスプレイ（globalmenuの中） */
div#tab_nav {
	background: transparent;
	width: 400px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
div#tab_nav ul {
	width: 400px;
	height: 20px;
	margin: 0;
	padding: 0px;
}
div#tab_nav li {
	width: 100px;
	height: 20px;
	display: block;
	float: left;
}
div#tab_nav ul li a {
	width: 100px;
	height: 20px;
	display: block;
	background: transparent url(../images_sample_b/bg_globalmenu.gif) no-repeat left top;
}
div#tab_nav ul li#menu_a a{background-position: 0px 0px;}
div#tab_nav ul li#menu_b a{background-position: -100px 0px;}
div#tab_nav ul li#menu_c a{background-position: -200px 0px;}
div#tab_nav ul li#menu_d a{background-position: -300px 0px;}

div#tab_nav ul li#menu_a a:hover{background-position: 0px -30px;}
div#tab_nav ul li#menu_b a:hover{background-position: -100px -30px;}
div#tab_nav ul li#menu_c a:hover{background-position: -200px -30px;}
div#tab_nav ul li#menu_d a:hover{background-position: -300px -30px;}

div#tab_nav ul li#menu_a a.sel{background-position: 0px -30px;}
div#tab_nav ul li#menu_b a.sel{background-position: -100px -30px;}
div#tab_nav ul li#menu_c a.sel{background-position: -200px -30px;}
div#tab_nav ul li#menu_d a.sel{background-position: -300px -30px;}

 /* タブディスプレイ（mainの中） */
div#tab1, div#tab2, div#tab3, div#tab4 {
	padding: 0px;
	background: transparent;
	margin: 0px 0px 10px;
	height: 400px;
	width: 720px;
	overflow: hidden;
}
div#tab1 {
	background: transparent url(../images_sample_b/bg_tab1.png) no-repeat left top;
}
div#tab2 {
	background: transparent url(../images_sample_b/bg_tab2.png) no-repeat left top;
}
div#tab3 {
	background: transparent url(../images_sample_b/bg_tab3.png) no-repeat left top;
}
div#tab4 {
	background: transparent url(../images_sample_b/bg_tab4.png) no-repeat left top;
}
div#tab2, div#tab3, div#tab4 {
  display: none;
}
div#tab1 h1 {
	font-size: 116%;
	line-height: 1;
	padding-top: 40px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #c90044;
	width: 360px;
	margin-bottom: 20px;
	margin-left: 20px;
}
div#tab1 p {
	font-size: 93%;
	line-height: 1.75;
	width: 360px;
	margin-left: 20px;
}
div#tab2 h2 {
	font-size: 116%;
	line-height: 1;
	padding-top: 120px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #c90044;
	width: 360px;
	margin-bottom: 20px;
	margin-left: 340px;
}
div#tab2 p {
	font-size: 93%;
	line-height: 1.75;
	width: 360px;
	margin-left: 340px;
}
div#tab3 h2 {
	font-size: 116%;
	line-height: 1;
	padding-top: 180px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #c90044;
	width: 360px;
	margin-bottom: 20px;
	margin-left: 20px;
}
div#tab3 p {
	font-size: 93%;
	line-height: 1.75;
	width: 360px;
	margin-left: 20px;
}
div#tab4 h2 {
	font-size: 116%;
	line-height: 1;
	padding-top: 220px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #c90044;
	width: 360px;
	margin-bottom: 20px;
	margin-left: 340px;
}
div#tab4 p {
	font-size: 93%;
	line-height: 1.75;
	width: 360px;
	margin-left: 340px;
}
/* P2〜4共通 */
div#menubox {
	background: transparent;
	width: 400px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
div#menubox ul {
	width: 400px;
	height: 20px;
	margin: 0;
	padding: 0px;
}
div#menubox li {
	width: 100px;
	height: 20px;
	display: block;
	float: left;
}
div#menubox ul li a {
	width: 100px;
	height: 20px;
	display: block;
	background: transparent url(../images_sample_b/bg_globalmenu.gif) no-repeat left top;
}
div#menubox ul li#menu_a a{background-position: 0px 0px;}
div#menubox ul li#menu_b a{background-position: -100px 0px;}
div#menubox ul li#menu_c a{background-position: -200px 0px;}
div#menubox ul li#menu_d a{background-position: -300px 0px;}

div#menubox ul li#menu_a a:hover{background-position: 0px -30px;}
div#menubox ul li#menu_b a:hover{background-position: -100px -30px;}
div#menubox ul li#menu_c a:hover{background-position: -200px -30px;}
div#menubox ul li#menu_d a:hover{background-position: -300px -30px;}

div#menubox ul li#menu_a a.sel{background-position: 0px -30px;}
div#menubox ul li#menu_b a.sel{background-position: -100px -30px;}
div#menubox ul li#menu_c a.sel{background-position: -200px -30px;}
div#menubox ul li#menu_d a.sel{background-position: -300px -30px;}

div#content {
	padding: 10px 40px;
	background: transparent url(../images_sample_b/bg_content.gif) no-repeat left top;
	margin: 0px 0px 10px;
	height: 380px;
	width: 680px;
	overflow: hidden;
}
div#content h1 {
	background: transparent url(../images_sample_b/bg_footer.png) repeat;
	margin: 0px 0px 10px;
	padding: 3px 0px 0px;
	width: 680px;
	height: 17px;
	font-size: 108%;
	line-height: 1;
	color: #FFFFFF;
	text-align: center;
}
/* P2〜3共通 スワップイメージ部 */
/* イメージスイッチ */
/* 
#ControlDiv{
	margin: 20px auto 0;
	width: 600px;
}
#SlideShow{
	cursor: pointer;
}
*/
#DisplayDiv{
	background: transparent;
	margin: 0px;
	padding: 0px;
	width: 330px;
	height: 350px;
	float: left;
}
#ThumbnailDiv{
	background: transparent;
	margin: 0px;
	padding: 0px;
	width: 330px;
	height: 350px;
	float: right;
}
#ThumbnailDiv img{
	opacity: 1;
	filter:alpha(opacity:100);
	cursor: pointer;
}
#ThumbnailDiv img:hover{
	opacity: 0.5;
	filter:alpha(opacity:50);
}
/* END イメージスイッチ */
#ThumbnailDiv table {
	background: transparent;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 330px;
	font-size: 77%;
}
#ThumbnailDiv table td.name_td {
	text-align: center;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
#ThumbnailDiv p {
	font-size: 93%;
	line-height: 1.75;
	width: 330px;
	padding-top: 5px;
	border-top: 1px dashed #666666;
}
/* P4 */
div#content div#l_column {
	background: transparent;
	margin: 0px;
	padding: 0px;
	width: 330px;
	height: 350px;
	float: left;
}
div#content div#r_column {
	background: transparent;
	margin: 0px;
	padding: 0px;
	width: 330px;
	height: 350px;
	float: right;
}
div#content div#l_column img {
	display: block;
}
div#content div#r_column p {
	font-size: 93%;
	line-height: 1.75;
	width: 330px;
	margin-bottom: 15px;
}
div#content div#r_column table {
	font-size: 85%;
	line-height: 1;
	background: transparent;
	margin: 0px 0px 15px;
	padding: 0px;
	width: 330px;
	border-top: 1px solid #666666;
}
div#content div#r_column table th {
	background: #fcf2f5;
	text-align: center;
	width: 25%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
div#content div#r_column table td {
	background: transparent;
	text-align: center;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #666666;
}
/* クラスセレクタ */
.displayblockimg {
	display: block;
}
.tabbutton {
	padding-top: 5px;
}
.closebutton {
	font-size: 85%;
	text-align: center;
	padding-top: 5px;
}
.roseletter {
	color: #c90044;
}
.rightflashletter {
	text-align: right;
}