@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	color: #666;
	font-size: 0.9em;
	line-height: 140%;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
}
#container{
	background-image: url(../img/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
h1, h2, h3, h4, #header p a, #content .ranking1 p a, #content .ranking2 dd.text, #navi .menu p{
	font-family: 'HGP創英角ｺﾞｼｯｸUB', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
	font-weight:normal;
}

h1 {
	text-align:left;
	font-size: 16px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 10px;
	font-weight: normal;
}
h2 {
	font-size: 16px;
	color: #666666;
	height: 31px;
	line-height: 26px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 45px;
	background-image: url(../img/content_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}

h3 {
	font-size: 16px;
	height: 32px;
	line-height: 26px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 20px;
	background-image: url(../img/content_bg2.gif);
	background-repeat: no-repeat;
}
h4 {
	font-size: 16px;
	background-image: url(../img/h4.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
h5 {
	font-size: 14px;
	background-image: url(../img/h5.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	margin-bottom: 5px;
	padding-left: 22px;
}
h6 {
	font-size: 14px;
	background-image: url(../img/h6.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	margin-bottom: 5px;
	padding-left: 22px;
}


/*ヘッダー
----------------------------------*/
#header {
	height: 200px;
	width: 900px;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(../img/title.jpg);
	margin-right: auto;
	margin-left: auto;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
#header.non {
	height: 0 !important;
	height /**/: 200px;
	padding-top: 200px;
	display:block;
	overflow:hidden;
}

#header p {
	margin: 0px;
	padding-top: 66px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-size: 36px;
	line-height: 120%;
}

#header p a {
	color: #0eabe9;
	text-decoration: none;
}
#header .descri{
	font-size: 12px;
	line-height: 140%;
	color: #666666;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 5px;
}



#wrap{
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

/*パンくずリスト
----------------------------------*/
#list {
	text-align: left;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
#list p {
	margin: 0px;
	color: #FFFFFF;
}
#list p a {
	color: #FFFFFF;
}

/*インナー
----------------------------------*/
#inner {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
}

/*ナビゲーション
----------------------------------*/
#navi {
	float: right;
	width: 238px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
}

#navi .menu {
	margin-bottom: 20px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	background-image: url(../img/navi_bg.gif);
	background-repeat: no-repeat;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

#navi .menu p {
	margin: 0px;
	background-position: bottom;
	font-size: 14px;
	color: #ec3eb9;
	height: 32px;
	padding-right: 8px;
	padding-left: 10px;
	text-align: left;
	padding-top: 8px;
}

#navi .menu ul {
	margin: 0px;
	padding-right: 8px;
	padding-left: 8px;
	line-height: 2em;
	padding-top: 5px;
	padding-bottom: 0px;
}

#navi .menu li {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background: url(../img/navi.png) 0 3px no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cc0795;
	padding-left: 18px;
	line-height: 140%;
	padding-bottom: 5px;
}
#navi .menu li.folder {
	padding-left: 18px;
	font-weight: bold;
	color: #666666;
	background-image: url(../img/category.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
#navi .menu li.open {
	padding-left: 18px;
	font-weight: bold;
	color: #666666;
	padding-left: 0px;
	background-image: none;
}

#navi .menu li a { text-decoration: none;}

#navi .menu ul.folder {
	margin: 0px;
	padding: 0px;
}

#navi .menu ul.folder li {
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 36px;
	background-image: url(../img/navi.png);
	background-repeat: no-repeat;
	background-position: 18px 8px;
	font-weight: normal;
}

#navi .menu ul.folder li.folder {
	font-weight: bold;
	color: #666666;
	background-image: url(../img/category.png);
	background-repeat: no-repeat;
	background-position: 18px 8px;
}

#navi .menu ul.folder li a { 
	text-decoration: none;
}

/*ナビゲーション(下box)
----------------------------------*/
#navi .box {
	margin-left: 10px;
	margin-bottom: 20px;
}

#navi .box p {
}

#navi .box p img {
    display: block;
    margin: 0px auto 0px auto;
    text-align: center;
}

/*メインボックス
----------------------------------*/
#content {
	float: left;
	width: 640px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 30px;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	padding-top: 10px;
}
#content .division {
	margin: 20px 15px 30px 15px;
}

#content .division p {
	line-height: 160%;
	margin: 10px;
}
#content .division h3 {
}


/*ランキング1
----------------------------------*/
#content .ranking1 {
	margin-left: 8px;
	margin-bottom: 20px;
}

#content .ranking1 p,#content .ranking1 .text {
	text-align: left;
	border-top-color: #cccccc;
	border-top-style: dotted;
	border-top-width: 1px;
	margin: 8px;
	line-height: 140%;
	font-size: 14px;
	padding-top: 5px;
}
#content .ranking1 .text p {
	margin: 0px;
	padding: 0px;
}

#content .ranking1 p a {
	font-size: 15px;
}

#content .ranking1 p img,#content .ranking1 .text img {
    display: block;
    margin: 5px auto 0px auto;
    text-align: center;
}

#content .ranking1 .box1 {
	float: left;
	width: 200px;
	border: 2px solid #ddb95b;
	margin-right: 6px;
	background-image: url(../img/gra.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#content .ranking1 .box2 {
	float: left;
	width: 200px;
	border: 2px solid #b6b6b6;
	margin-right: 6px;
	background-image: url(../img/gra.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#content .ranking1 .box3 {
	float: left;
	width: 200px;
	border: 2px solid #cea87d;
	background-image: url(../img/gra.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#content .ranking1 .box1 h3,#content .ranking1 .box2 h3,#content .ranking1 .box3 h3 {
	width: 160px;
	margin-right: auto;
	margin-left: auto;
}
#content .ranking1 .box1 h4,#content .ranking1 .box2 h4,#content .ranking1 .box3 h4 {
	width: 160px;
	margin-right: auto;
	margin-left: auto;
	background-position: 0px 1px;
}
#content .ranking1 .box1 h5,#content .ranking1 .box2 h5,#content .ranking1 .box3 h5 {
	width: 160px;
	margin-right: auto;
	margin-left: auto;
}
#content .ranking1 .box1 h6,#content .ranking1 .box2 h6,#content .ranking1 .box3 h6 {
	width: 160px;
	margin-right: auto;
	margin-left: auto;
}



/*ランキング2
----------------------------------*/
#content .ranking2 {
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 30px;
	margin-left: 8px;
}
#content .ranking2 dl {
	font-size: 14px;
	line-height: 140%;
	border: 2px solid #ddb95b;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-image: url(../img/gra.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#content .ranking2 dd{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#content .ranking2 dd.text{
	font-size: 20px;
	display: block;
	margin-top: 25px;
	padding: 0px;
	text-align: left;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
#content .ranking2 dd h4{
	background-position: 0px 1px;
}
#content .ranking2 dd h5{
	background-position: 2px 1px;
}



/*商品説明・定義タグ
----------------------------------*/
#content .division dl {
	margin-bottom: 1em;
	padding: 0;
}

#content .division dt {
	font-weight: bold;
	color: #555555;
	margin: 0;
	background-image: url(../img/content_bg2.gif);
	background-repeat: no-repeat;
	height: 23px;
	padding-top: 8px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 32px;
}

#content .division dd {
	padding: 5px 10px 5px 10px;
	background-color: #fee6f7;
	line-height: 20pt;
	margin: 0px;
	border: 1px solid #FFF;
}
#content .division dd h4 {
	border-bottom-color: #999999;
	background-position: 0px 4px;
}
#content .division dd h5{
	background-position: 2px 4px;
}
#content .division dd h6{
	background-position: 2px 5px;
}



/* ページリスト
----------------------------------*/
#content .page-list {
	margin: 25px 15px 0px 15px;
	border: 1px solid #e6e6e6;
	;
}

#content .page-list p {
	line-height: 18pt;
	margin: 0px 5px 10px 5px;
	padding: 0px 5px 5px 5px;
}

#content .page-list p a {
	font-weight: bold;
}


/*フッター
----------------------------------*/
#footer {
	clear: both;
	float: none;
	margin: 0px;
	width: auto;
	height: 60px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ec3eb9;
}

#footer p {
	margin: 0px;
	text-align: center;
	font-size: 12px;
	padding-top: 20px;
	color: #666666;
}

#footer p a {
	text-decoration: none;
}


/*画像・文字の位置、配置
----------------------------------*/
.center {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.left{
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
}

.right {
	float: right;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}

.text-l{ text-align: left; }
.text-r{ text-align: right; }

.rank-l{
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

img{
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.b{ font-weight: bold; }

/*水平線
----------------------------------*/
hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #CCCCCC;
	height: 1px;
}


/*文字色
----------------------------------*/
.red{ color: #ff0000; }/*赤*/
.pink{ color: #ff99ff; }/*ピンク*/
.blue{ color: #0000ff; }/*青*/
.aqua{ color: #00ffff; }/*水色*/
.navy{ color: #000099; }/*紺*/
.green{ color: #33cc00; }/*緑*/
.orange{ color: #ff9900; }/*橙*/
.black{ color: #000000; }/*黒*/
.gray{ color: #cccccc; }/*灰*/
.white{ color: #ffffff; }/*白*/


/*文字サイズ
----------------------------------*/
.fs10{font-size: 10px;}/*10px*/
.fs20{font-size: 20px;}/*20px*/
.fs30{font-size: 30px;}/*30px*/


/*文字の背景色
----------------------------------*/
.bgc-yellow{ background-color: #ffff00; }
.bgc-pink{ background-color: #ff99ff; }
.bgc-red{ background-color: #ff0000; }


/*アンカーテキスト
----------------------------------*/
a { }/*下線を付ける*/
a:link { color: #c211b0; }
a:active { color: #c211b0; }/*選択中*/
a:visited { color: #c211b0; }/*訪問済み*/
a:hover { color: #ec3eb9; }/*カーソルを合わせた時*/


/*clearfix
----------------------------------*/
.clearfix:after {
	content: url(../img/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

* html h2 {
	height: 40px;
	padding-top: 10px;
}
* html #navi {
	margin-right: 5px;
	margin-top: 0px;
}
* html #navi .menu ul {
	padding-top: 15px;
}
* html #content {
	margin-left: 5px;
}
* html #content .ranking1 {
	margin-bottom: 50px;
}

/* サイトマップ */

#sitemaps{
	padding:10px;
}

#sitemaps ul{
	margin:0;
	padding:0;
}

#sitemaps li{
	list-style-type: none;
	list-style-image: none;
}

#sitemaps .sbox1, #sitemaps .sbox2 {
	width: 47%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

#sitemaps .sbox1 {
	float: left;
	clear: left;
}

#sitemaps .sbox2 {
	float: right;
	clear: right;
}

#sitemaps .l1 {
	background-image: url(../img/sitemap_l1.jpg);
	line-height: 26px;
	height: 26px;
	text-indent: 25px;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top:10px;
}

#sitemaps .l2 {
	background-image: url(../img/sitemap_l2.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 20px;
	text-indent: 15px;
	margin-left: 22px;
	margin-bottom: 3px;
}

#sitemaps .l3 {
	background-image: url(../img/sitemap_l3.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 20px;
	text-indent: 15px;
	margin-left: 38px;
	margin-bottom: 3px;
}


/* ページトップ */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 12px;
}
#page-top a {
	background: #444;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}