@charset 'utf-8';

div#wrapper {
	background-color: #ededed
}
div.pagetop {
	text-align: center;
	margin: 0;
	padding: 0
}
div#center1 { width: 400px; float: left; background: #fff;}
div#center2 { width: 402px; float: left;	background: #fff;}

ul.sub { margin-bottom: 15px; border-top: 1px solid #fff }
ul.sub li { background-color: #e5dce5; padding: 0.4em 0.4em 0.4em 1em; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff }
ul.sub a { color: #300; text-decoration: none }
ul.sub a:hover { color: #335342; text-decoration: underline }

/* top */
div.example_top { line-height: 120%; background-image: url("../images/example_detail/bg_gallery.gif"); background-repeat: no-repeat; background-position: 0 29px; margin-bottom: 25px }
div.example_top h2 span { display: none }
div.example_top h3 { color: #335342; margin-bottom: 0.3em }
div.example_top table { margin-top: 15px; width: 565px }
div.example_top table td.photo { text-align: center; width: 159px; vertical-align: top }
div.example_top table td.text { padding-right: 1em; width: 406px; vertical-align: top }
div.example_top table p.data { color: #600; font-size: 85%; margin-top: 0.5em; margin-bottom: 0.3em; padding-bottom: 0.3em; border-bottom: 1px solid #999 }

div.detail_top { line-height: 120%; margin-bottom: 25px }
div.detail_top h2 span { display: none }

div.voice_top { line-height: 120%; background-image: url("../images/example_detail/bg_voice.gif"); background-repeat: no-repeat; background-position: 0 29px; margin-bottom: 25px }
div.voice_top h2 span { display: none }
div.voice_top h3 { color: #335342; margin-bottom: 0.3em }
div.voice_top table { margin-top: 15px; width: 565px }
div.voice_top table td.photo { text-align: center; width: 159px; vertical-align: top }
div.voice_top table td.text { padding-right: 1em; width: 406px; vertical-align: top }
div.voice_top table p.data { color: #600; font-size: 85%; margin-top: 0.3em; margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px solid #999 }

div.magazine_top { line-height: 120%; background-image: url("../images/example_detail/bg_press.gif"); background-repeat: no-repeat; background-position: 0 29px; margin-bottom: 25px }
div.magazine_top h2 span { display: none }
div.magazine_top h3 { color: #335342; margin-bottom: 0.3em }
div.magazine_top table { margin-top: 15px; width: 565px }
div.magazine_top table td.photo { text-align: center; width: 159px; vertical-align: top }
div.magazine_top table td.text { padding-right: 1em; width: 406px; vertical-align: top }
div.magazine_top table p.data { color: #600; font-size: 85%; margin-top: 0.3em; margin-bottom: 0.5em; padding-top: 0.3em; padding-bottom: 0.3em; border-top: 1px solid #999 }

/* example */
div.example {
	line-height: 120%;
	margin-top: 20px
}
div.example table { background-color: #d5dcd4; margin-bottom: 10px; width: 100% }
div.example h3 { color: #335342 }
div.example h3 a { color: #335342; text-decoration: none }
div.example h3 a:hover { color: #335342; text-decoration: underline }
div.example p.case { color: #23584F; font-size: 85%; margin-top: 0.5em; margin-bottom: 0.7em; padding-bottom: 0.5em; border-bottom: 1px dashed #999 }
div.example p.case img.icon { padding-left: 7px; vertical-align: middle }
div.example p.btn { text-align: right; padding-top: 1em }
div.example table td.photo { padding: 13px; vertical-align: top }
div.example table td.text { padding: 13px 13px 13px 0; width: 361px; vertical-align: top ; text-align:left;}



div.example2 {
	width:724px;
	line-height: 120%;
	padding: 20px 0;
}

div.example2 h3 {
	width:494px;
	float:left;
	color: #23584F;
	font-size: 12px;
	background:#ededed;
	text-align: left;
}

div.example2 h3 span {
	color: #23584F;
	font-size: 12px;
	margin-right:5px;
}

div.example2 p.excate {
	width:210px;
	float:left;
	text-align:right;
	background:#ededed;
}

div.example2 table.pickup {
	width:724px;
	clear:both;
	background-color: #d5dcd4;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px dashed #999;
}


div.example2 table.pickup td.photo {
	padding: 8px 0;
	width: 470px;
	vertical-align: top;
}

div.example2 table.pickup td.text {
	width: 254px;
	padding-top: 28px;
	padding-bottom: 23px;
	vertical-align: top;
	font-size: 10px;
	padding-right: 5px;
	text-align:left;
	}







/* detail */
div.detail { padding-top: 27px; padding-bottom: 20px }

ul#detailmenu {
	width: 725px;
	height:39px;
	position:relative;
	list-style:none;
	background:#fff;
	margin:0 0 1px 0;
	padding:0:
	font-size:0;
	line-height:0;
}

ul#detailmenu li {
	width: 145px;
	height:39px;
	float: left;
	margin:0;
	padding:0:
	font-size:0;
	line-height:0;
}

ul#detailmenu li a {
	width: 141px;
	height: 26px;
	display: block;
}

ul#detailmenu li a img {
	display: block;
	width: 141px;
	height: 26px;
	margin-top:13px;
	border: none;
	vertical-align: bottom;
	padding:0:
}

div#detailflash {
	width:725px;
	height:500px;
	clear:both;
	position:relative;
	background:#fff;
	_margin-top:-3px;
}

/* voice */
div.voice {
	margin-top: 0px
}
table.voice1 { width: 100% }
table.voice1 td { padding: 0.4em }
table.voice1 td.number {
	color: #fff;
	font-weight: bold;
	background-color: #5E9B2B;
	text-align: center;
	width: 3%
}
table.voice1 td.title {
	color: #fff;
	background-color: #25491c;
	width: 97%
}

table.voice2 { line-height: 120%; margin-bottom: 1em; width: 100% }
table.voice2 h4  { color: #335342; margin-top: 1em; margin-bottom:1em; }
table.voice2 td.text {
	background-color: #D5DCD4;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	vertical-align: top
}
table.voice2 td.text p {margin-bottom:1em;}
table.voice2 td.profile { padding-top: 1em; padding-left: 15px; vertical-align: top }
table.voice2 p.photo1 { padding-bottom: 10px }
table.voice2 p.photo2 { padding-bottom: 10px }
table.voice2 p.data { font-size: 85%; padding-bottom: 10px; margin-top:10px; }

table.sub_navi { font-size: 85%; line-height: 120%; margin-bottom: 0.5em; width: 100% }
table.sub_navi a {
	color: #f0f0f0
}
table.sub_navi a:hover {
	color: #f0f0f0;
	text-decoration: none
}
table.sub_navi td { padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px dashed #999 }
table.sub_navi td.photo { padding-right: 10px; vertical-align: top }
table.sub_navi td.photo a img {border:solid 1px #999; width:52px;}
table.sub_navi td.text { vertical-align: top }
p.voive_btn_shousai {height:17px; margin-top:5px;}

/* magazine */
div.magaginearea {
	width:565px;
	margin-left:0px;
	background:#fff;
}
div.magazine1 {
	width:272px;
	float:left;
	background:#ededed;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align:center;
	padding-left: 20px;
}


table.magazine {
	line-height: 120%;
	margin: 0;
	width: 272px;
	border-top: 5px solid #215650;
	text-align:left;
	background-color: #D5DCD4;
}

table.magazine h3 { color: #335342; line-height: 120% }
table.magazine p.pub { color: #300; font-size:80%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #999 }
table.magazine p.pdf { margin-top: 1em; font-size:80%;}
table.magazine td.img { padding: 15px; width: 138px; vertical-align: top }
table.magazine td.text { padding: 15px 15px 15px 0; vertical-align: top }

div.magazine2 { margin-bottom: 10px; padding: 16px 40px 10px 6px }
div.magazine2 h3 span { display: none }

/*
div.magadata {
	width:345px;
	margin:0 0 15px 15px;
	overflow:auto;
	float:left;
	background:red;
}

div.magadataright {
	width:180px;
	padding: 15px 0;
	float:right;
	background:yellow;
}

div.magadataright h3 { color: #335342; margin-bottom: 0.3em; }

div.magadataright p { }

div.magadataright p.pub { color: #300; font-size: 80%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #999; }

div.magadataright p.pdf { margin-top: 1em; text-align:center;}

div.magadataleft {
	width:165px;
	float:left;
	background:green;
}

div.magadataleft p {
	padding:15px;
}
div.magadataleft p img {
	width:135px;
	vertical-align: top;
}
*/