@charset "utf-8";
/*----------------------------------------
	html tags
----------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html {
	background: #000000;
}
body {
	color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 13px;
	margin: 15px 0;
}
h1, h2, h3, h4, h5, h6, p, div, table, th, td, ul, ol, dl {
	text-align: left;
}
h1 {
	color: #FFFFFF;
	font-size: 0.92em;
	font-weight: bold;
	padding: 1em;
}
h2 {
	background: url(../img/bullet_h2.gif) left center no-repeat;
	border-bottom : 2px #FFFFFF solid;
	font-size: 1.07em;
	height: 20px;
	margin: 0 0 1em;
	padding: 5px 0 0 20px;
}
hr {
	display: none;
}
ul, ol, li {
	list-style: none;
}
img {
	border: none;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1em;
}
div {
	line-height: 1.5em;
}
a {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
address {
	font-style: normal;
}
/*----------------------------------------
	layout
----------------------------------------*/
#wrapper {
	background: #333333 url(../img/bg_mainarea.gif) left top repeat-y;
	margin: 0 auto;
	position: relative;
	width: 800px;
}
/*----------------------------------------
	layout: header
----------------------------------------*/
#header {
	background: #000000 url(../img/bg_header_shibafu_mask.jpg) left top no-repeat;
	height: 85px;
}
#headerimg {
	background: #FFFFFF;
	height: 150px;
	width: 800px;
}
#header_logo_igoal {
	display: block;
	height: 50px;
	left: 650px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 18px;
	width: 120px;
}
/*----------------------------------------
	layout: mainmaenu
----------------------------------------*/
#mainmenu {
	border-top:1px #666666 solid;
	border-bottom:1px #333333 solid;
	background: url(../img/bg_mainmenu.gif);
	height: 50px;
	width: 800px;
}
#mainmenu ul {
	padding: 0 40px;
	width: 720px;
}
#mainmenu li {
	float: left;
	height: 50px;
	width: 120px;
}
#mainmenu a {
	display: block;
	height: 50px;
	width: 120px;
	/* MacIE5 hack \*/
	overflow: hidden;
	/* End MacIE5 hack \*/
	text-decoration: none;
	text-indent: -9999px;
}
#mainmenu .about a {
	background: url(../img/mainmenu_about.gif) left top no-repeat;
}
#mainmenu .about a:hover {
	background: url(../img/mainmenu_about.gif) left bottom no-repeat;
}
#mainmenu .lineup a {
	background: url(../img/mainmenu_lineup.gif) left top no-repeat;
}
#mainmenu .lineup a:hover {
	background: url(../img/mainmenu_lineup.gif) left bottom no-repeat;
}
#mainmenu .voice a {
	background: url(../img/mainmenu_voice.gif) left top no-repeat;
}
#mainmenu .voice a:hover {
	background: url(../img/mainmenu_voice.gif) left bottom no-repeat;
}
#mainmenu .store a {
	background: url(../img/mainmenu_store.gif) left top no-repeat;
}
#mainmenu .store a:hover {
	background: url(../img/mainmenu_store.gif) left bottom no-repeat;
}
#mainmenu .support a {
	background: url(../img/mainmenu_support.gif) left top no-repeat;
}
#mainmenu .support a:hover {
	background: url(../img/mainmenu_support.gif) left bottom no-repeat;
}
#mainmenu .contact a {
	background: url(../img/mainmenu_contact.gif) left top no-repeat;
}
#mainmenu .contact a:hover {
	background: url(../img/mainmenu_contact.gif) left bottom no-repeat;
}
/*----------------------------------------
	layout: mainarea
----------------------------------------*/
#mainarea {
	background:#333333;
	float: right;
	padding: 10px;
	width: 580px;
}
/*----------------------------------------
	layout: topicpath
----------------------------------------*/
#topicpath {
	border-bottom: 1px #999999 solid;
	margin: 0 0 1.2em;
	padding: 0 0 5px;
	width: 580px;
}
#topicpath li {
	background: url(../img/bullet_3square.gif) left center no-repeat;
	display: inline;
	font-size: 0.77em;
	padding: 0 0 0 9px;
}
#topicpath li.current {
	background: url(../img/bullet_3square_purple.gif) left center no-repeat;
	display: inline;
	font-size: 0.77em;
	padding: 0 0 0 9px;
}
/*----------------------------------------
	layout: subarea
----------------------------------------*/
#subarea {
	background:#222222;
	float: left;
	padding: 10px 0;
	width: 195px;
}
#subarea div {
	margin: 0 0 1.5em;
}
#subarea h2 {
	background-image: none;
	padding: 0;
}
#subarea .banner {
	margin: 0 5px 1.5em;
	width: 190px;
}
#subarea .download {
	background: #FFFFFF;
	border: 1px #009900 solid;
	color: #333333;
	font-size: 0.85em;
	padding: 0;
	width: 188px;
}
#subarea .download a {
	color: #333333;
}
#subarea .download ul, #subarea .download p {
	padding: 5px;
	width: 180px;
}
#subarea .download #adobereaderlogo {
	margin: 0;
	padding: 0 38px;
}
#subarea .download #adobeflashlogo {
	margin: 0;
	padding: 0 14px;
}
#submenu h3 {
	background: #FF0000 url(../img/bg_subarea_h3_tr.gif) right top no-repeat;
	font-size: 1.14em;
	padding: 0.3em 1em;
}
#submenu ul {
	border-right: 1px #FF0000 solid;
	border-bottom: 1px #FF0000 solid;
	padding: 0.5em 1em;
}
#submenu li {
	background: url(../img/bullet_subarea_li.gif) left 3px no-repeat;
	margin: 0 0 0.5em;
	padding: 0 0 0 14px;
}
#partner {
	padding: 5px;
}
#partner p {
	font-size: 0.85em;
	margin: 0.5em 0;
	padding: 0 5px;
}
#staffblog {
	padding: 0 5px;
}
#staffblog div {
	margin: 0;
}
#staffblog #feed {
	background: url(../img/staffblog_mid.gif) left top repeat-y;
	color: #333333;
	margin: 0;
	padding: 10px 15px 5px;
	width: 160px;
}
#staffblog #feed ul {
	color: #333333;
	margin: 0;
	width: 160px;
}
#staffblog #feed a {
/*なぜか、#feed li.blogentry aだとCSSが効かない*/
	background: url(../img/bullet_3square_purple.gif) left 4px no-repeat;
	color: #333333;
	display: block;
	font-size: 0.92em;
	line-height: 1.2em;
	margin: 0 0 1.2em;
	padding: 0 0 0 10px;
}
/*----------------------------------------
	layout: footer
----------------------------------------*/
#footer {
	background: #000000 url(../img/bg_footer_shibafu_mask.jpg) left top no-repeat;
	color: #FFFFFF;
	font-size: 1em;
	height: 130px;
	padding: 20px 0 0;
	text-align: center;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	margin: 0 auto;
	text-align: center;
}
#footer ul {
	border-left: 1px #FFFFFF solid;
	display: inline;
}
#footer li {
	border-right: 1px #FFFFFF solid;
	display: inline;
	padding: 0 5px;
}
/*----------------------------------------
	clearfix
----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%
}
.clearfix {
	display:block;
}
/* end MacIE5 */
/*----------------------------------------
	home page
----------------------------------------*/
#home #headerimg {
	background: #000000 url(../img/bg_header.jpg) left top no-repeat;
	height: 250px;
	/*	position:relative; */
	padding: 25px 0;
}
#home .headerflvbox {
	border-left:solid #000 5px;
	border-right:solid #000 5px;
	border-top:solid 5px #000000;
	border-bottom: solid 5px #000000;
	height:240px;
	/*	position: absolute;
	top: 25px;
	left: 5px;
*/
	float: left;
	margin: 0 0 0 50px;
	width: 425px;
}
#headerimg .banner {
	height: 250px;
	margin: 0 50px 0 0;
	float: right;
	width: 250px;
}
#headerimg .download {
	background: #FFFFFF;
	border: 1px #009900 solid;
	color: #333333;
	width: 198px;
}
#headerimg .download a {
	color: #333333;
	font-size: 11px;
}
#headerimg .download ul, #headerimg .download p {
	margin: 1em 0;
	padding: 5px;
	width: 188px;
}
#headerimg .download p {
	font-size: 11px;
}
#headerimg .download li {
	margin: 0 0 0.5em;
}
#headerimg .download #adobereaderlogo {
	margin: 0;
	padding: 0 38px;
}
#headerimg .download #adobeflashlogo {
	margin: 0;
	padding: 0 14px;
}
#home dl .new {
	background: url(../img/bullet_new.gif) left center no-repeat;
}
#home dt {
	border-bottom: 1px #FFFFFF dotted;
	font-weight: bold;
	margin: 0 0 0.5em;
	padding: 0 0 0 30px;
}
#home dd {
	padding: 0 0 1em 30px;
}
#home .main_2column_left {
	float: left;
	width: 285px;
}
#home .main_2column_right {
	float: right;
	width: 285px;
}
#home .main_2column_left h2, #home .main_2column_right h2 {
	background: none;
	border: none;
	height: 100px;
	margin: 0 0 0.5em;
	padding: 0;
}
#home .main_2column_left p, #home .main_2column_right p {
	width: 285px;
}
#section_about, #section_topics {
	margin: 0 0 3em;
}
#section_onlinestore .navi li {
	display: block;
	margin: 0 3px;
}
#section_onlinestore p.navi, #section_onlinestore ul.navi {
	display: block;
	margin: 0 0 2em;
}
#section_onlinestore p {
	margin: 0 0 0.5em;
}
/*----------------------------------------
	directory: lineup
----------------------------------------*/
#lineup #lineuplist .items {
	overflow: hidden;
	width: 580px;
}
#lineup .entry .items dl {
	float: left;
	padding: 1.5em 5px;
	width: 280px;
}
#lineup #mainarea dt {
	margin: 0;
	padding: 0;
}
#lineup .entry dt img, #lineup .entry dd img {
	border: none;
	padding: 0;
	margin: 0;
}
#lineup #mainarea ul.navi li {
	display: inline;
}
#lineup #mainarea dd {
	margin: 0;
	padding: 0;
}
#lineup #mainarea dd .navi {
	margin: 0 0 1em;
}
#lineup #lineuplist dl.spec {
	background: #666666;
	border: 1px #FFFFFF solid;
	margin: 0 0 0.5em;
	padding: 5px 0;
	width: 278px;
}
#lineup #lineuplist .spec dt {
	float:left;
	font-size: 0.85em;
	padding: 0 0 0 10px;
	clear:both;
}
#lineup #lineuplist .spec dd {
	font-size: 0.85em;
	margin: 0 0 0 100px;
	padding: 0 0 0 10px;
}
#lineup #common_spec dl, #lineup #spec dl {
	font-size: 1.22em;
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
}
#lineup #common_spec dt, #lineup #spec dt {
	background: url(../img/bullet_3square_purple.gif) left center no-repeat;
	border-bottom: 1px #EEEEEE dotted;
	font-size: 1em;
	font-weight: normal;
	margin: 2em 0 0.5em;
	padding: 0 0 0 12px;
}
#lineup #common_spec dd, #lineup #spec dd {
	margin: 0 0 0.5em 1em;
}
#lineup #accessory ul {
	float: left;
	margin: 0 0 0 29px;
	width: 50%;
}
#lineup #accessory ul li {
	background: url(../img/bullet_3square_purple.gif) left center no-repeat;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 0.5em;
	padding: 0 0 0 12px;
}
/*----------------------------------------
	directory: voice
----------------------------------------*/
#voice #interview p {
	margin: 1em auto 1.5em;
	width: 90%;
}
#voice #interview h3 {
	background: url(../img/bullet_3square_purple.gif) left 6px no-repeat;
	font-size: 1.29em;
	margin: 2em 0 0.5em 18px;
	padding: 0 0 0 12px;
}
#voice #interview dl {
	float: left;
	margin: 0 10px 0 0;
	width: 48%;
}
#voice #interview table {
	margin: 0 auto;
	width: 90%;
}
#voice #interview th {
	border-bottom: 1px #FF6600 dotted;
	color: #333333;
}
#voice #interview td {
	color: #333333;
	font-size: 1.29em;
	font-weight: bold;
	text-align: center;
}
#voice #interview .photos {
	width: 450px;
	margin: 0 auto 1.5em;
}
/*----------------------------------------
	directory: store
----------------------------------------*/
#store dl {
	font-size: 1.22em;
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
}
#store dt {
	background: url(../img/bullet_3square_purple.gif) left center no-repeat;
	border-bottom: 1px #EEEEEE dotted;
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0;
	padding: 0 0 0 12px;
}
#store dd {
	margin: 0 0 1em 1em;
}
/*----------------------------------------
	directory: support
----------------------------------------*/
#support #guarantee ol {
	font-size: 1.22em;
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
}
#support #guarantee ol li {
	font-size: 1em;
	font-weight: normal;
	list-style: decimal;
	margin: 1em 0 0.5em 1em;
	padding: 0 0 0 12px;
}
#support #guarantee ol li ul li {
	font-size: 0.92em;
	list-style: none;
	margin: 0.5em 0 0;
	padding: 0;
}
#support #faqlist dl {
	float: left;
	margin: 0 10px 0 0;
	width: 48%;
}
#support #faqlist dt {
	background: url(../img/bullet_3square_purple.gif) left center no-repeat;
	border-bottom: 1px #EEEEEE dotted;
	font-size: 1em;
	font-weight: normal;
	margin: 2em 0 0.5em;
	padding: 0 0 0 12px;
}
#support #faqlist dd {
	background: url(../img/bullet_3square.gif) left 3px no-repeat;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 0.5em 1em;
	padding: 0 0 0 12px;
}
#support #mainarea .faq {
	margin: 0 auto;
	width: 90%;
}
#support #mainarea .faq h3 {
	margin: 0 0 0.5em;
}
#support #katazuke h3 {
	border: 1px #FFFFFF dotted;
	margin: 0 0 1em;
	padding: 0.5em 10px;
}
#support #katazuke p img {
	border: 1px #FFFFFF solid;
	float: left;
	padding: 5px;
	margin: 0 1em 0 0;
}
/*----------------------------------------
	directory: contact
----------------------------------------*/
#contact #privacy h3, #contact #specified_transactions dt {
	background: url(../img/bullet_3square_purple.gif) left center no-repeat;
	border-bottom: 1px #EEEEEE dotted;
	font-size: 1em;
	font-weight: normal;
	margin: 2em 0 0.5em;
	padding: 0 0 0 12px;
}
#contact #privacy p, #contact #privacy ul, #contact #privacy ol, #contact #specified_transactions dd, #contact #map dd {
	margin: 1em auto;
	width: 90%;
}
#contact #privacy ul li, #contact #privacy ol li {
	margin: 0 0 0 2em;
	line-height: 2em;
}
#contact #privacy ol li {
	list-style-type: decimal;
}
#contact #privacy address {
	border: 1px #FFFFFF solid;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	width: 380px;
}
#contact #map dl {
	margin: 0 auto;
	width: 90%;
}
#contact #map dt {
	background: url(../img/bullet_3square_purple.gif) left center no-repeat;
	border-bottom: 1px #EEEEEE dotted;
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0;
	padding: 0 0 0 12px;
}
#contact #map img {
	margin: 0 0 0 50px;
}
#contact #company ol {
	margin: 0 0 0 29px;
}
#contact #company li {
	background: url(../img/bullet_3square_purple.gif) left center no-repeat;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 0.5em;
	padding: 0 0 0 12px;
}
/*----------------------------------------
	class
----------------------------------------*/
.entry {
	margin: 0 0 3em;
}
.entry img {
	border: 1px #FFFFFF solid;
	float: left;
	padding: 5px;
	margin: 0 1em 0 0;
}
.entry img.imgright {
	border: 1px #FFFFFF solid;
	float: right;
	padding: 5px;
	margin: 0 0 0 1em;
}
.entry a img {
	border: 1px #FFFFFF solid;
}
.entry a:hover img {
	background: #006600;
	border: 1px #00CC00 solid;
}
a.pdflink {
	background: url(../img/pdficon_small.gif) left center no-repeat;
	padding: 2px 0 2px 20px;
}
.navi {
	font-size: 0.92em;
	margin: 0 0 1.5em;
	text-align: right;
}
.navi li {
	display: inline;
	font-size: 1em;
	margin: 0 3px;
}
.navi a {
	background: url(../img/bullet_link.gif) left center no-repeat;
	padding: 0 0 0 15px;
}
.pagetop {
	font-size: 0.92em;
	text-align: right;
	margin: 2em 0;
}
.pagetop a {
	background: url(../img/bullet_pagetop.gif) left center no-repeat;
	padding: 0 0 0 15px;
}
.warning {
	font-size: 0.78em;
	text-align: right;
}
.orange {
	color: #FF9900;
}
.left {
	text-align: left;
}
.phonenumber {
	border: 1px #FFFFFF solid;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	width: 380px;
}
.phonenumber p {
	margin: 0;
	text-align: center;
}
.question {
	background: url(../img/bullet_question.gif) left top no-repeat;
	border-bottom: 1px #FFFFFF dotted;
	margin: 0 0 1em;
	padding: 2px 0 2px 20px;
}
.answer {
	background: url(../img/bullet_answer.gif) left top no-repeat;
	margin: 0 0 2em;
	padding: 2px 0 2px 20px;
}
.narration {
	margin: 30px auto;
	color: #333333;
	width: 90%;
	padding: 20px;
	text-align: left;
	background-color: #CCCCCC;
	border: 1px solid #FFFFFF;/*
	background-image: url(back_test2.jpg);
	background-repeat: no-repeat;
	*/
}
#voice #interview .narration .autoPadDiv h3 {
	margin-top: 0;
}
.narration .question {
	background: none;
	border-bottom: 1px #FFFFFF dotted;
	margin: 0 0 1em;
	padding: 2px 0;
}
.narration .answer {
	background: none;
	margin: 0 0 2em;
	padding: 2px 0;
}
.narration .autoPadDiv {
	padding: 2em 1em 0.5em;
}
.narration a {
	color: #009;
}
div.answer {
	margin: 0 auto;
	width: 90%;
}
div.photo_caption {
	float: right;
	width: 230px;
	margin: 0;
	padding: 0;
}
#voice #interview p.image {
	margin: 0 1em;
}
div.photo_caption img {
	float: none;
	margin: 0;
}
p.image, p.caption {
	text-align: left; /* 3.中央寄せ */
	margin-bottom: 0;
}
p.caption {
	font-size: 80%;  /* 5.文字サイズ */
	color: #FFFFFF; /* 6.文字色 */
}