/******************************************
ブラウザスタイルシート初期化用ファイル 
*******************************************/
body {
	background-color: #FFCCCC;
	margin: 0px;
	padding: 0px;
	text-align: center;
/*	background-image: url(../common_img/bg.gif); */
	background-repeat: repeat;
	}

img {
	border: none;
	}

/* 各ページコンテンツ部分の設定 */

/* index.htmlの設定
-------------------------------------- */
.bold {
	color:#FF0000;
	font-size:15px;
	font-weight:bolder;
}

.center {
	text-align:center;
}


/*ベース領域の設定
----------------------------------------------------- */
body {
	background-color: #FFFFFF;
}

/*基本文字の設定
----------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, dl {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #0066FF;
	text-decoration: none;
}
a:active {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	color: #000099;
	text-decoration: underline;
}

/*header領域の設定
----------------------------------------------------- */
div#header {
	background-image: url(../img/common_img/header_bg.jpg);
	background-repeat: repeat-x;
	height: 95px;
	width: 100%;
}
div#header-pre {
	background-image: url(../img/pre_img/headerpre_bg.jpg);
	background-repeat: repeat-x;
	height: 95px;
	width: 100%;
}
div#h1-zone {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}
div#h1-zone-pre {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}

#h1-zone h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	color: #006699;
	text-align: left;
}

#h1-zone-pre h1,b {
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	color: #FF3366;
	text-align: left;
}
#h1-zone-pre b {
	display: block;
}
div#header2 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
}
.rogo {
	float: left;
}
.above h2 {
	font-size: 12px;
	line-height: 140%;
	color: #336699;
	font-weight: normal;
	float: right;
	text-align: right;
	padding-top: 55px;
}
.above-pre h2 {
	font-size: 12px;
	line-height: 140%;
	color: #FF0033;
	font-weight: normal;
	float: right;
	text-align: right;
	padding-top: 55px;
	width: 400px;
}

/*g-nav領域の設定
----------------------------------------------------- */
div#g-nav {
	background-image: url(../img/common_img/g_nav_bg.jpg);
	background-repeat: repeat-x;
	height: 25px;
	width: 100%;
}
div#g-nav-pre {
	background-image: url(../img/common_img/g_navpre_bg.jpg);
	background-repeat: repeat-x;
	height: 25px;
	width: 100%;
}
.g-nav2 {
	width: 760px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
}
.g-nav2 p {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	display: inline;
}
.g-nav2 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.g-nav2 a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.g-nav2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.g-nav2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/*container領域の設定
----------------------------------------------------- */
div#container {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
}
div#main {
/*	background-image: url(../img/common_img/mainbg.jpg); */
	background-repeat: repeat-y;
	margin-top: 15px;
}
/*container領域の設定
----------------------------------------------------- */
div#crumbs {
	padding-top: 5px;
}
#crumbs ul {
	color: #666666;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#crumbs li {
	display: inline;
}

/*left-contents領域の設定
----------------------------------------------------- */
div#left-contents {
	float: left;
	width: 225px;
	text-align: left;
}
#left-contents p {
	margin-bottom: 5px;
}
#left-contents form h6 {
	font-size: 12px;
	line-height: 120%;
	color: #FFFFFF;
	background-color: #666666;
	padding: 3px;
        padding-left: 2px;
	text-align: center;
	font-weight: normal;
}
#left-contents form p {
	font-size: 12px;
	line-height: 140%;
	padding-top: 5px;
}
#left-contents form p strong {
	color: #FF0000;
}
#left-contents form p em {
	color: #FF0066;
	font-size: 10px;
	font-style: normal;
	line-height: 120%;
}
form p {
	font-size: 12px;
	line-height: 140%;
	color: #000000;
}
.ssl {
	background-color: #ffffff ! important;
	border: 1px solid #ffffff ! important;
	padding: 5px ! important;
	margin-top: 10px ! important;
	width: 210px ! important;
}

.input-address {
	width: 97%;
}

/* footer領域の設定
----------------------------------------------------- */

div#footer {
	height: 100px;
	width: 760px;
	clear: both;
	margin-bottom: 15px;
}
.backtop {
	padding-top: 10px;
	text-align: right;
	font-size: 12px;
}
.address {
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	line-height: 130%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align;center:
}
address {
	font-size: 12px;
	line-height: 130%;
	color: #666666;
	/*text-align: left;*/
	font-style: normal;
	padding-bottom: 10px;
}
.credit {
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	color: #666666;
	text-align: center;
}
	
div#pankuzu {
	padding-top: 5px;
        padding-bottom:10px;
}
#pankuzu ul {
	color: #666666;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#pankuzu li {
	display: inline;
}

/*お問合せページ用CSS　　add by matsui 071018
-----------------------------------------------------*/
#contents_outer {
	width:520px;
	height:auto;
	margin:0px;
	padding:0px;
	text-align:left;
	float:right;
}

.mail {
 border-color: #666666;

 border-width: 0px;

 border-style: solid;
width: 525px;
}

.mail .text {font-size: 12px;color: #333333;font-weight: nomal;
	background-color:#FF9999;
	border-left-color:#FF6666;
	border-left-style:solid;
	border-left-width:5px;
	line-height:1.4;
	margin-bottom:10px;
	margin-top:7px;
	padding-bottom:5px;
	padding-left:7px;
	padding-top:5px;
}

.mail h3 {
 font-weight: nomal;

/*font-size: 12px;color: #666666;
	background-color:#FF9999;
	border-left-color:#FF6666;
	border-left-style:solid;
	border-left-width:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-left:7px;
	padding-top:5px;*/
	display:none;
	margin:0px;
	padding:0px;
}

.mail table {
	width:500px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	background-color:#CCCCCC;
	border-collapse:separate;
}
.mail table th {
	width:170px;
	background-color:#FFCCCC;
	font-weight:normal;
	text-align:left;
	padding:7px;
}
.mail table td {
	background-color:#FFFFFF;
	text-align:left;
	padding-left:10px;
}
textarea.comment {
	width:90%;
	height:100px;
	padding:3px;
}

/*エントリーフォーム用CSS　　add by matsui 071018
-----------------------------------------------------*/
.mailmagazine {
	background-color: #F5F5DC;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 10px;
	width: 210px;
        *width: 220px;
}

.contents {
	font-size:12px;
}

.entry {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;
width: px;
}

.entry .text {
 font-weight: nomal;
font-size: 12px;color: #666666;
	line-height:1.4;
	margin-bottom:10px;
	margin-top:7px;
	padding-bottom:5px;
	padding-left:7px;
	padding-top:5px;
}
.entry table {
	width:500px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	background-color:#CCCCCC;
	border-collapse:separate;
}
.entry table th {
	width:170px;
	background-color:#FFCCCC;
	font-weight:normal;
	text-align:left;
	padding:7px;
}
.entry table td {
	background-color:#FFFFFF;
	text-align:left;
	padding-left:10px;
}


/* メルマガ登録完了ページ専用CSS　　add by matsui 071022
---------------------------------------------------------*/
.contents h3 {
	font-size:14px;
	font-weight:normal;
	color:#333333;
	margin-bottom:20px;
	margin-top:10px;
}

/******************************
* qa.css
* Q&AのCSSファイルです
* 管理画面で制御できる項目以外
* 2007/08/20 yagi
******************************/
/* Q&A全体 */
.qa {
 border-width: 0px;

 border-style: solid;

 width: 520px;

	padding: 5px;
	text-align: left;
}

/* タイトルテキスト h2 */
.qa h2 {
 font-weight: bold;

 font-size: 14px;

	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img/template0001/Image/item_title_bar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 5px;
}

/* 項目テキスト */
.qa h3 {
 font-weight: nomal;

 font-size: px;

 color: #ff3366;

	padding: 5px;
	margin-top: 15px;
}

/* 内容テキスト p */
.qa p {
 font-weight: nomal;

 font-size: 12px;

 color: #666666;

	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right: 5px;
	line-height: 1.3;
}


/* リンクデザイン */
.qa a {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.qa a:link {

}

.qa a:visited {

}

.qa a:hover {

}

/* Q&A のヘッダ */
.qa_map h4 {
 font-weight: nomal;

 font-size: px;

 color: #ff3366;

	padding: 5px;

}
.qa_map ul {
	list-style-type: none;
	list-style-position: outside;
}
.qa_map li{
 color: #666666;

	line-height: 1.8;
}

/* ログインボタンの設定
-------------------- */
td.top_login {
	margin-bottom:0px;
}

td.u_left {
	width:150px;
	height:40px;
	background-image:url(../img/common_img/login_2.jpg);
	background-repeat:no-repeat;
	margin:0px;
}

.u_left_text {
	margin-left:10px;
}

input.u_left_text {
	width:100px;
	height:20px;
}
.category {
 background-color: #ffffcc;

 border-style: solid;

 border-width: px;

	width: 180px;
}

.category h3 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

	background-color: #ffffcc;
}

.ygtvitem {
 font-weight: nomal;

 font-size: 12px;

 color: #660000;

	background-color: #ffffcc;
}

.ygtvlabel {
 text-decoration: none;

 margin-left: 2px;

 font-weight: nomal;

 font-size: 12px;

 color: #660000;

	background-color: #ffffcc;
}

.ygtvtn {
 background: url('/common/img/treeview/tn.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvtm {
 background: url('/common/img/treeview/tm.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtmh {
 background: url('/common/img/treeview/tmh.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtp {
 background: url('/common/img/treeview/tp.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtph {
 background: url('/common/img/treeview/tph.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvln {
 background: url('/common/img/treeview/ln.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvlm {
 background: url('/common/img/treeview/lm.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlmh {
 background: url('/common/img/treeview/lmh.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlp {
 background: url('/common/img/treeview/lp.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlph {
 background: url('/common/img/treeview/lph.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvloading {
 background: url('/common/img/treeview/loading.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvdepthcell {
 background: url('/common/img/treeview/vline.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvblankdepthcell {
 height: 22px;

	width: 16px;
}

* html .ygtvchildren {
	height: 2%;
}

.ygtvlabel:link {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvlabel:visited {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvlabel:hover {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvspacer {
 margin: 2px;

 width: 10px;

	height: 10px;
}

.process {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	width: 380px;
}

.process h2 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.process h3 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.process p {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.payment {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	width: 380px;
}

.payment h2 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.payment h3 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.payment p {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.rule {
 border-width: 0px;

 border-style: solid;

	width: 380px;
}

.rule h2 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.rule h3 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.rule p {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.profile {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	width: 380px;
}

.profile h2 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.profile h3 {
 font-weight: bold;

 font-size: px;

 color: #660000
	font-size;

	background-color: #ffffff;
}

.profile p {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.link {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	width: 380px;
}

.link h2 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.link h3 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.link p {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.map {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	width: 380px;
}

.map h2 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.map h3 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.map p {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.tokusho {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	width: 380px;
}

.tokusho h2 {
 font-weight: nomal;

 font-size: 16px;

	color: #660000;
}

.tokusho th {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.tokusho h3 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.tokusho td {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.tokusho p {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.privacy {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

 background-color: #ffffff;

	width: 380px;
}

.privacy h2 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.privacy h3 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.privacy p {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.recommend {
 border-color: #996600;

 border-width: px;

 border-style: solid;

	width: 180px;
}

.recommend h3 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.recommend .title {
 font-weight: nomal;

	font-size: px;
}

.recommend .content p {
 font-weight: nomal;

	font-size: px;
}

.recommend .content img.left {
	float: left;
}

.recommend .content img.right {
	float: right;
}

.ranking {
 border-color: #996600;

 border-width: px;

 border-style: solid;

	width: 180px;
}

.ranking h3 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.ranking .title {
 font-weight: nomal;

	font-size: px;
}

.ranking .content p {
 font-weight: nomal;

	font-size: px;
}

.whatsnew {
 border-color: #996600;

 border-width: px;

 border-style: solid;

	width: 180px;
}

.whatsnew h3 {
 font-weight: bold;

 font-size: 14px;

	color: #660000;
}

.whatsnew .title {
 font-weight: nomal;

	font-size: px;
}

.whatsnew .content p {
 font-weight: nomal;

	font-size: px;
}

.whatsnew a:link {
	color: #666666;
}

.whatsnew a:hover {
	color: #666666;
}

.whatsnew a:visited {
	color: #666666;
}

.whatsnew .content img.left {
	float: left;
}

.whatsnew .content img.right {
	float: right;
}

.whatsnew-page {
 background-color: #ffffff;

 border-color: #996600;

 border-width: 1px;

 border-style: solid;

	width: 400px;
}

.whatsnew-page h2 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

	background-color: #ffffff;
}

.whatsnew-page th {
 font-weight: nomal;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.whatsnew-page td {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.mail h2 {
 font-weight: nomal;

	font-size: px;
}

.mail th {
 font-weight: nomal;

 font-size: 12px;

 color: #666666;

 background-color: #cccccc;

 border-color: #666666;

 border-width: 0px;

	border-style: solid;
}

.mail td {
 font-weight: nomal;

 font-size: 12px;

 color: #333333;

 background-color: #ffffff;

 border-color: #666666;

 border-width: 0px;

	border-style: solid;
}

.entry h2 {
 font-weight: nomal;

 font-size: px;

	background-color: #ffffff;
}

.entry h3 {
 font-weight: nomal;

	font-size: 12px;
}

.entry th {
 font-weight: nomal;

 font-size: 12px;

 border-color: #996600;

 border-width: 0px;

	border-style: solid;
}

.entry td {
 font-weight: nomal;

 font-size: 12px;

 color: #666666;

 background-color: #ffffff;

 border-color: #996600;

 border-width: 0px;

	border-style: solid;
}