@charset "utf-8";
/* CSS Document */

#container { 
	width: 1200px;
	background: url(../../img/other/bg_container_loop.gif) repeat-y 76px 0;
	position: relative;
}

#container div.Wrap {
width: 1173px;
	background: url(../../img/other/bg_container_btm.gif) no-repeat 76px bottom;
}

#container div.Wrap div.Wrap { 
	background: url(../../img/other/bg_container_head.jpg) no-repeat left top;
	overflow: hidden; height: 1%;
	padding: 0 0 36px;
	position: relative;
}

#imgHonigon { width: 160px; height: 238px; position: absolute; top: 5px; left: 1010px; z-index:999; }
#imgN21 {
	width: 101px;
	height: 79px;
	position: absolute;
	top: 9px;
	left: 617px;
	z-index:999;
}

/*----- メインカラム -----*/

#mainClm { 
	width: 767px; float: left; 
}

#header { padding: 0 0 0 76px; height: 86px; font-size: 1px; }
#header h1 { padding: 6px 0 0; }
#header h1 a { 
	display: block;
	width: 234px; height: 74px; 
	text-indent: -9999px; 
}
#header p.text { display: none; }


#contents { padding: 0 28px 0 105px; }

#contents #topicPath { padding: 13px 0 10px 5px; font-size: 1px; }
#contents h2 { padding: 0 0 0 10px; margin: 0 0 20px; }


/* よくある質問 */

#faq #contents #accordion dt { outline: none; }

#faq #contents #accordion dl { 
	background: url(../../img/other/faq/bg_question_btm.gif) no-repeat left bottom #e5f7ff; 
	padding: 0 0 3px;
	margin: 0 0 6px;
}

#faq #contents #accordion dt { 
	background: url(../../img/other/faq/bg_question.gif) no-repeat left top #e5f7ff;
	padding: 8px 0 3px 7px;
}

#faq #contents #accordion dd { 
	background: url(../../img/other/faq/bg_answer.gif) repeat-y left top #e5f7ff;
	margin-bottom: 5px;
	padding: 15px 0 15px 20px;
}


/* リンク集 */

#linkPage #contents h2 { margin-bottom: 35px; }
#linkPage #contents div.wrap { overflow: hidden; height: 1%; margin:0 0 0 10px;}
#linkPage #contents div.wrap div.section { padding:0 0 25px 0 ; height: 1%;}
#linkPage #contents div.wrap div.section a:hover { opacity:0.7 ; }
#linkPage #contents div.wrap div.section p.bnr { float:left; width:160px; }
#linkPage #contents div.wrap div.section div.detail { float:right; width:453px; }
#linkPage #contents div.wrap div.section div.detail h3 { margin-bottom:7px; }
#linkPage #contents div.wrap div.last { padding-bottom:36px; border-bottom:#cccccc 1px solid ; }
#linkPage #contents div.wrap div.bnrTop { padding-top:36px; }
#linkPage #contents div.wrap div.section div.detail h3.detail02 { padding:22px 0 0 0 ; }
#linkPage #contents div.wrap ul { padding: 0 0 36px 0 ; height: 1%;}
#linkPage #contents div.wrap li { width: 160px; float: left; text-align: center; padding:0 60px 0 0 ; fon-size: 1px; }
#linkPage #contents div.wrap li.last { padding: 0 0 0 0 ; fon-size: 1px; }
#linkPage #contents div.wrap li ul.sns { padding:0 0 0 0; }
#linkPage #contents div.wrap li ul.sns li { padding:0 0 6px 0 ; }
#linkPage #contents div.wrap div.section:after ,#linkPage #contents div.wrap ul:after {
  content: ".";
  display: block;  
  height: 0;
  clear: both;
  visibility: hidden;
}
#linkPage #contents div.wrap div.section a:hover,#linkPage #contents div.wrap ul li a:hover { 
  opacity:0.7 ;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  zoom:1;
}


/* 使い方 */

#guidePage #contents { padding: 0 25px 0 105px; }

#guidePage #contents p.lead { margin: 20px 0 15px; }

#guidePage #contents ul.list {
	height: 1%;
}
#guidePage #contents ul.list:after {
  content: ".";
  display: block;  
  height: 0;
  clear: both;
  visibility: hidden;
}
#guidePage #contents ul.list li {
	float: left;
	line-height: 0;
}
#guidePage #contents ul.list li a {
	display: block;
	width: 303px;
	height: 85px;
}
#guidePage #contents ul.list li a:hover {
	opacity: .6;
    filter:alpha(opacity=60);
}
#guidePage #contents ul.list li a {
	margin: 0 12px 12px 0;
}

#guidePage #contents h3.use {
	margin: 0 0 16px 0;
	padding: 20px 0 0 0;
}


#guidePage #contents #block01 { 
	width: 635px;
	background: url(../../img/other/guide/bg_block01.gif) repeat-y left;
	margin: 0 0 30px;
}
#guidePage #contents #block01 h3 { 
	background: url(../../img/other/guide/bg_block01_top.gif) no-repeat top left;
	padding: 12px 0 12px 20px;
}
#guidePage #contents #block01 div.wrap { 
	background: url(../../img/other/guide/bg_block01_btm.gif) no-repeat bottom left;
	padding: 13px 34px 24px 40px;	
}
#guidePage #contents #block01 li {
	background: url(../../img/other/guide/line_dot.gif) repeat-x bottom;
	padding: 0 0 10px;
	margin: 0 0 10px; 
}	
#guidePage #contents #block01 li.last { background: none; padding: 0; margin: 0; }

#guidePage #contents #block02 { overflow: hidden; height: 1%; margin: 0 0 25px; } 
#guidePage #contents #block02 h3 { margin: 0 0 20px; }
#guidePage #contents #block02 p.image { margin: 0 0 25px; }
#guidePage #contents #block02 td { vertical-align: top; padding: 0 0 12px 0; }

#guidePage #contents #block03 { margin: 0 0 50px; } 
#guidePage #contents #block03 h3 { margin: 0 0 20px; }
#guidePage #contents #block03 div.wrap { 
	overflow: hidden; height: 1%;
	background: url(../../img/other/guide/line_dot.gif) repeat-x bottom;
	padding: 0 0 10px;
	margin: 0 0 10px; 
}
#guidePage #contents #block03 p.image { width: 255px; float: left; }
#guidePage #contents #block03 dl { width: 365px; float: right; }

/* DVDの紹介 */

#dvdPage #contents p.lead { margin: 0 0 20px; }
#dvdPage #contents p.block01 { margin: 0 0 20px; }
#dvdPage #contents{ padding: 0 20px 0 105px; }

/* ユーザー登録について */

#joinMemberPage #contents div.button { 
	background: url(../../img/other/joinmember/bg_btn.gif) no-repeat top left;
	margin: 0; padding: 17px 0 16px;
}
#joinMemberPage #contents div.button p { width: 635px; text-align: center; }
#joinMemberPage #contents div.box { padding: 0 0 30px; }
#joinMemberPage #contents{ padding: 0 20px 0 105px; }

/* サイトマップ */

#sitemapPage #contents h2 { margin-bottom: 30px; }
#sitemapPage #contents table { margin: 0 0 15px 40px; }
#sitemapPage #contents td { padding: 0 0 15px; }
#sitemapPage #contents h3 { 
	background: url(../../img/other/sitemap/line_dot.gif) repeat-x top;
	padding: 30px 0 0;
	margin: 0 30px 30px 20px;
}

/* ユーザー登録 */

#registerPage #contents #flashArea { height: 520px; width: 539px; }

/* お問い合わせ */

#contactPage #contents div.wrap { padding: 0 15px; }
#contactPage #contents p.lead { margin: 0 0 25px 15px; }
#contactPage #contents table { width: 100%; }
#contactPage #contents th { padding: 0 0 15px; text-align: left; vertical-align: top; }
#contactPage #contents td { padding: 0 0 15px; } 
#contactPage #contents input.text { width: 413px; height: 44px; }
#contactPage #contents textarea { width: 413px; height: 280px; }
#contactPage #contents p.button { text-align: center; }

/* パスワードを忘れた方 */

#passwordPage #contents div.wrap { padding: 0 0 0 50px; }
#passwordPage #contents p.lead { margin: 0 0 20px; }
#passwordPage #contents input.text { height: 59px; }


/* 規約 */

#kiyakuPage { text-align: center; }

#kiyakuPage #container { 
	width: 691px; margin: 0 auto; text-align: left; 
	background: url(../../img/other/kiyaku/bg.gif) repeat-y 1px 0;
}

#kiyakuPage h3 { padding: 10px 28px 5px 30px; color: #41407e; }
#kiyakuPage h3 img { vertical-align: top; padding: 0 5px; }

#kiyakuPage #contents { 
	background: url(../../img/other/kiyaku/bg_btm.gif) no-repeat bottom;
	padding: 0 28px 30px 30px;
	overflow: hidden; height: 1%;
}

#kiyakuPage #footer {
	margin: 0;
	background-color: #219acf;
	background-image: url(../../img/other/kiyaku/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 1%;
	width: 691px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	overflow: hidden;
}

/* サイトポリシー */

#policyPage { text-align: center; }

#policyPage #container { 
	width: 691px; margin: 0 auto; text-align: left; 
	background: url(../../img/other/policy/bg.gif) repeat-y 1px 0;
}

#policyPage h3 { padding: 10px 28px 5px 30px; color: #41407e; }
#policyPage h3 img { vertical-align: top; padding: 0 5px; }

#policyPage #contents { 
	background: url(../../img/other/policy/bg_btm.gif) no-repeat bottom;
	padding: 0 28px 30px 30px;
	overflow: hidden; height: 1%;
}

#policyPage #footer {
	background-color: #219acf;
	background-image: url(../../img/other/policy/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	height: 1%;
	width: 691px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	overflow: hidden;
}

#policyPage #container #contents #policytxt {
	padding-top: 20px;
	padding-bottom: 10px;
}
#policyPage #container #contents #policytxt .title_1 {
	font-weight: bold;
	color: #485BBA;
	padding-top: 10px;
	padding-bottom: 5px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-top: 5px;
}

#policyPage #container #contents #policytxt .title_2 {
	font-size: 13px;
	font-weight: bold;
	color: #485BBA;
	padding-top: 5px;
}

#policyPage #container #contents #policytxt .jptxt {
	padding-top: 5px;
	padding-bottom: 5px;
}
#policyPage #container #contents #policytxt .engtxt {
	padding-top: 5px;
	padding-bottom: 5px;
}
#policyPage #container #contents #policytxt ul li {
	list-style-position: inside;
	list-style-type: disc;
}
#policyPage #container #contents #policytxt .pc {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-top: 3px;
}

#policyPage #container #contents #policytxt hr {
	background-image: url(../../../jp/common/img/other/policy/hr.png);
	background-repeat: no-repeat;
}

#policyPage #container #contents #policytxt .bt_fl a {
	background-image: url(../../../jp/common/img/other/policy/bt_p01.gif);
	background-repeat: no-repeat;
	display: block;
}
#policyPage #container #contents #policytxt .bt_fl {
	height: 35px;
	width: 286px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#policyPage #container #contents #policytxt .bt_fl a:hover {
	background-image: url(../../../jp/common/img/other/policy/bt_p01_on.gif);
	background-repeat: no-repeat;
	display: block;
}
#policyPage #container #contents .banner {
	padding-top: 5px;
	padding-bottom: 10px;
}



/* このサイトについて */

#aboutPage #container div.Wrap div.Wrap { background: url(../../img/other/bg_container_head2.jpg) no-repeat left top; }
#aboutPage #container #tabMenu { padding: 0 0 20px 6px; overflow: hidden; height: 1%; }
#aboutPage #container #tabMenu li { float:left; font-size: 1px; }
#aboutPage #container #tabMenu li a { padding: 0 2px; }
#aboutPage #container #anchor { padding-top: 50px; }
#policyPage #container #contents .pagetop {
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	height: 11px;
	float: right;
	padding-top: 5px;
}


/*----- ページアンカー -----*/

#anchor { clear: both; margin: 0 434px 0 105px; overflow: hidden; height: 1%; }
#anchor ul { font-size: 1px; }
#anchor li.item01 { float: left; }
#anchor li.item02 { float: right; }


/* アンケート　2011.03.17add */
#enquetePage { text-align: center; }

#enquetePage #container { 
	width: 691px; margin: 0 auto; text-align: left; 
	background: url(../../img/other/kiyaku/bg.gif) repeat-y 1px 0;
}

#enquetePage h3 { padding: 10px 28px 5px 30px; color: #41407e; }
#enquetePage h3 img { vertical-align: top; padding: 0 5px; }

#enquetePage #contents { 
	background: url(../../img/other/kiyaku/bg_btm.gif) no-repeat bottom;
	padding: 0 28px 30px 30px;
	overflow: hidden; height: 1%;
	font-size:14px;
}
#enquetePage #contents .question dt{
	margin:20px 0 20px 15px;
}
#enquetePage #contents .question dd{
	margin-bottom:20px;
	margin-left:35px;
}
#enquetePage #contents .question dd table{
	margin-bottom:20px;
	width:100%;
	border-spacing:0;
}
#enquetePage #contents .question table td,
#enquetePage #contents .question table th{
	padding:5px;
}
#enquetePage #contents .question table.radio5 th{
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-weight:normal;
	width:120px;
}
#enquetePage #contents .question table.radio5 th.noline{
	border-left:0;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-weight:bold;
}
#enquetePage #contents .question table.radio5 td{
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:center;
}
#enquetePage #contents .question table.radio5 .firstline td{
	border-top:1px solid #cccccc;
}
#enquetePage #contents .parsonal{
	margin-left:40px;
}
#enquetePage #contents .parsonal div{
	margin-bottom:30px;
}
#enquetePage #contents .parsonal div p{
	margin-bottom:15px;
}
#enquetePage #contents .parsonal div p.select,
#enquetePage #contents .parsonal div table{
	margin-left:30px;
}
#enquetePage #contents .parsonal div label{
	margin:5px 30px 5px 0;
	display:inline-block;
}
#enquetePage #contents .question textarea {
    background: none;
    border: 1px solid #cccccc;
    padding: 1px;
}
#enquetePage #contents form div.submit{
	border-top:1px solid #cccccc;
	padding:30px 40px;
	margin-top:40px;

}
#enquetePage #contents form div.submit p{
	margin-bottom:15px;
}
#enquetePage #contents form div.submit p input{
	width:345px;
	border:1px solid #cccccc;
}
#enquetePage #contents form p button{
	border:0;
	background:#ffffff;
	margin-left:200px;
	margin-top:30px;
}
#enquetePage #footer {
	margin: 0;
	background-color: #219acf;
	background-image: url(../../img/other/kiyaku/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 1%;
	width: 691px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	overflow: hidden;
}

/* ローカル版ダウンロードページ */

body#local_d{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  Arial, Verdana, sans-serif;
	text-align: center;
	line-height:2em; 
}
body#local_d div#container{ 
	width: 691px; margin: 0 auto; text-align: left; 
	background: url(../../img/other/policy/bg.gif) repeat-y 1px 0;

}
body#local_d div#container h2,h3{
	margin-bottom:20px; 
	font-size:15px;
}
body#local_d div#container div#content{
	background: url(../../img/other/policy/bg_btm.gif) no-repeat bottom;
	padding-bottom:50px;
}
body#local_d div#container div#content div#main{ 
	width:550px;
	margin:0 auto;
	color:#030303;
}
body#local_d div#container div#content div#main p.top{
	font-weight:bold;
	margin-bottom:13px;
}
body#local_d div#container div#content div#main span{
	color:#F00;
}
body#local_d div#container div#content div#main p.top a,
body#local_d div#container div#content div#main dl.file a{
	border-bottom:#485BBA solid 2px;
	color: #485BBA;
}
body#local_d div#container div#content div#main p.top a,
body#local_d div#container div#content div#main dl.file dt,
body#local_d div#container div#content div#main dl.file a{
	font-size:13px;
	font-weight:bold;
}
body#local_d div#container div#content div#main div.support{
	background:#DEDEDE;
	padding:12px 7px;
	margin-bottom:20px;

}
body#local_d div#container div#content div#main div.support ul{
	padding-top:12px;
	text-indent:1em;
	line-height:1.5em;
}
body#local_d div#container div#content div#main p.tittle{
	font-weight:bold;
	font-size:13px;
	background:#99CCFF;
	padding:5px 8px;
	margin-bottom:20px;
	border-left:#6699FF solid 6px;
}
body#local_d div#container div#content div#main dl.file{
	padding-bottom:8px;
	margin-bottom:8px;
}
body#local_d div#container div#content div#main dl.line{
	border-bottom: #6A6A6A dotted 1px;
}
body#local_d div#container div#content div#main div.pagetop{
	display: block;
    text-align:right;
    height: 11px;
}
body#local_d div#container div#footer {
	background-color: #219acf;
	background-image: url(../../img/other/policy/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	height: 1%;
	width: 691px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	overflow: hidden;
}