@charset "euc-jp";

/* CSS Document */

/* --------------------------------------------------------------
 基本
---------------------------------------------------------------- */

body {
	position: relative;
	margin:0px;
	padding:0px;
	background:#000;
	text-align:center;
	color: #FFFFFF;
	line-height: 1.6;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}

img { border:none; }

h1,h2,h3,h4,dl,dt,dd,form {
	margin:0px;
	padding:0px;
}

ul,li {
	margin:0px;
	padding:0px;
	list-style:none;
}

.clear { clear: both; }

.wrapper {
	width:940px;
	margin:0px auto;
	text-align:left;
}

a:link {	color: #999;	text-decoration: none !important;}
a:visited {	color: #999; text-decoration: none !important; }
a:hover {	color: #FFF; text-decoration: none !important; }

input {
	border: 1px solid #666;
	background: #fff;
}


/* --------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------- */

.header {
	width:940px;
	height:135px;
	background:url(/design/kiriko/img/b_header.jpg);
	position:relative;
	color:#fff;
}

.header h1 {
	margin:0px;
	padding:0px;
	position:absolute;
	font-size:12px;
	left: 25px;
	top: 3px;
	font-weight: normal;
}

h2 {
	display: block;
	width:940px;
}

.header .logo {
	width:328px;
	height:78px;
	position:absolute;
	left: 23px;
	top: 26px;
}

.header .login {
	position:absolute;
	right: 0px;
	top: 9px;
	width:380px;
}

.header .login dl dt { float:left }

.header .login dl dd {
	float:left;
	width:100px;
	margin-top: 3px;
}

.header .login .loginInput input { width:100%; }

.header .login2 {
	position:absolute;
	right: 0px;
	top: 9px;
	width:348px;
}

.header .login2 dl { float:right }

.header .login2 .welcome { padding-right: 40px; }

.header .login2 dl dt { float:left }

.header .login2 dl dd {
	float:left;
}

.header .passfoget {
	position:absolute;
	right: 130px;
	top: 25px;
	font-size: 10px;
}

.header .passfoget2 {
	position:absolute;
	right: 0px;
	top: 25px;
	font-size: 10px;
}

.header .hnavi {
	position:absolute;
	right: 23px;
	top: 105px;
	width: 444px;
	height: 25px;
}

.header .hnavi li {
	height: 25px;
	display:block;
	float: left;
}

.top_image {
	width:940px;
	height:295px;
}

.main {
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
}


/* --------------------------------------------------------------
 サイド（左カラム）
---------------------------------------------------------------- */

.left {
	width:190px;
	margin-right: auto;
	margin-left: auto;
}

.left p {
	margin:0px;
	padding:0px 0px 20px 0px;
}

.left form .serch { width:50%; }

.left ul,li {
	margin:0px;
	padding:0px;
}

.left dl { padding-bottom:20px; }

.left dl dd ul li a {
	display: block;
	width:190px;
	height:30px;
	text-indent:-9999px;
	overflow: hidden;
}

.left dl dd a.sn1 { background: url(/design/kiriko/img/snavi_01.jpg) no-repeat; }
.left dl dd a.sn2 { background: url(/design/kiriko/img/snavi_02.jpg) no-repeat; }
.left dl dd a.sn3 { background: url(/design/kiriko/img/snavi_03.jpg) no-repeat; }
.left dl dd a.sn4 { background: url(/design/kiriko/img/snavi_04.jpg) no-repeat; }
.left dl dd a.sn5 { background: url(/design/kiriko/img/snavi_05.jpg) no-repeat; }
.left dl dd a.sn6 { background: url(/design/kiriko/img/snavi_06.jpg) no-repeat; }
.left dl dd a.sn7 { background: url(/design/kiriko/img/snavi_07.jpg) no-repeat; }
.left dl dd a.sn8 { background: url(/design/kiriko/img/snavi_08.jpg) no-repeat; }
.left dl dd a.sn9 { background: url(/design/kiriko/img/snavi_09.jpg) no-repeat; }
.left dl dd a.sn10 { background: url(/design/kiriko/img/snavi_10.jpg) no-repeat; }
.left dl dd a.sn11 { background: url(/design/kiriko/img/snavi_11.jpg) no-repeat; }
.left dl dd a.sn12 { background: url(/design/kiriko/img/snavi_12.jpg) no-repeat; }
.left dl dd a.sn13 { background: url(/design/kiriko/img/snavi_13.jpg) no-repeat; }
.left dl dd ul li a:hover.sn1 { background: url(/design/kiriko/img/snavi_01_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn2 { background: url(/design/kiriko/img/snavi_02_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn3 { background: url(/design/kiriko/img/snavi_03_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn4 { background: url(/design/kiriko/img/snavi_04_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn5 { background: url(/design/kiriko/img/snavi_05_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn6 { background: url(/design/kiriko/img/snavi_06_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn7 { background: url(/design/kiriko/img/snavi_07_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn8 { background: url(/design/kiriko/img/snavi_08_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn9 { background: url(/design/kiriko/img/snavi_09_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn10 { background: url(/design/kiriko/img/snavi_10_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn11 { background: url(/design/kiriko/img/snavi_11_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn12 { background: url(/design/kiriko/img/snavi_12_on.jpg) no-repeat; }
.left dl dd ul li a:hover.sn13 { background: url(/design/kiriko/img/snavi_13_on.jpg) no-repeat; }

.left .s2navi { margin-top:20px; }

.left .s2navi ul li a {
	display: block;
	width:190px;
	height:45px;
	text-indent:-9999px;
	overflow: hidden;
}

.left .s2navi ul li a.s2n1 { background: url(/design/kiriko/img/s2navi_01.jpg) no-repeat; }
.left .s2navi ul li a.s2n2 { background: url(/design/kiriko/img/s2navi_02.jpg) no-repeat; }
.left .s2navi ul li a.s2n3 { background: url(/design/kiriko/img/s2navi_03.jpg) no-repeat; }
.left .s2navi ul li a.s2n4 { background: url(/design/kiriko/img/s2navi_04.jpg) no-repeat; }
.left .s2navi ul li a.s2n5 { background: url(/design/kiriko/img/s2navi_05.jpg) no-repeat; }
.left .s2navi ul li a.s2n6 { background: url(/design/kiriko/img/s2navi_06.jpg) no-repeat; }
.left .s2navi ul li a.s2n7 { background: url(/design/kiriko/img/s2navi_07.jpg) no-repeat; }
.left .s2navi ul li a:hover.s2n1 { background: url(/design/kiriko/img/s2navi_01_on.jpg) no-repeat; }
.left .s2navi ul li a:hover.s2n2 { background: url(/design/kiriko/img/s2navi_02_on.jpg) no-repeat; }
.left .s2navi ul li a:hover.s2n3 { background: url(/design/kiriko/img/s2navi_03_on.jpg) no-repeat; }
.left .s2navi ul li a:hover.s2n4 { background: url(/design/kiriko/img/s2navi_04_on.jpg) no-repeat; }
.left .s2navi ul li a:hover.s2n5 { background: url(/design/kiriko/img/s2navi_05_on.jpg) no-repeat; }
.left .s2navi ul li a:hover.s2n6 { background: url(/design/kiriko/img/s2navi_06_on.jpg) no-repeat; }
.left .s2navi ul li a:hover.s2n7 { background: url(/design/kiriko/img/s2navi_07_on.jpg) no-repeat; }


/* --------------------------------------------------------------
 メイン（右カラム）
---------------------------------------------------------------- */

.right {
	width:700px;
	padding-top: 20px;
	margin-left: 45px;
}

.right .section { padding-bottom:20px; }

.right .top_ranking_frame {
	width:700px;
	background:url(/design/kiriko/img/b_top_ranking_repeat.jpg) repeat-y;
	padding-bottom:10px;
}

.right .top_ranking {
	background:url(/design/kiriko/img/b_top_ranking.jpg) no-repeat;
	width:600px;
	padding-left:100px;
	padding-top:30px;
}

* html .right .top_ranking { width:700px; }

.right .top_ranking dl {
	width:120px;
	float:left;
	text-align:center;
}

.right .top_ranking dl dt img { width:80px; }

.right .top_ranking dl dd p {
	width:80px;
	margin:0px auto;
}

.right .select dd {
	width:220px;
	float:left;
	padding-bottom:15px;
}

.right .select .m_r20 { margin-right:20px; }

.right .select .left {
	width:480px;
	float:left;
}

.right .select .right {
	width:220px;
	float:right;
}


/* --------------------------------------------------------------
 フッター上部
---------------------------------------------------------------- */

.middle {
	width:940px;
	margin:0px auto;
	color:#fff;
	text-align:left;
}

.middle dl { padding-bottom:30px; }

.middle dl dd { padding:3px 0px; }

.middle .indent { text-indent: 1em; }

.middle .left {
	width:437px;
	float:left;
	line-height:1.6;
}

.middle .right {
	width:437px;
	float:right;
	line-height: 1.6;
}

.middle .right .calendar img { margin:10px 10px 0px 0px; }

.middle .gallery {
	width:890px;
	height:125px;
	padding-left:20px;
	padding-top:65px;
	background:url(/design/kiriko/img/b_middle_gallery.jpg) no-repeat;
}

* html .middle .gallery {
	width:940px;
	height:190px;
}


/* --------------------------------------------------------------
 フッター下部
---------------------------------------------------------------- */

.footer {
	width:940px;
	height:96px;
	background:url(/design/kiriko/img/b_footer.jpg) no-repeat;
	position:relative;
	color:#fff;
	margin:0px auto;
	text-align:left;
}

.footer .copyright {
	position:absolute;
	left: 0px;
	top: 50px;
}

.footer .pagetop {
	position:absolute;
	right: 0px;
	top: 0px;
}

.footer .fnavi {
	position:absolute;
	right: 0px;
	top: 50px;
}

.footer .fnavi ul li { display:inline; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
	position:relative;
}

* html .clearfix { height: 1px;/*\*//*/
height: auto;
overflow: hidden;
/**/
}


/*================================================
	ページ調整
================================================*/

/*	ログイン画面　　*/

.woong { line-height: 1.6 !important; }

td { line-height: 1.6 !important; }


/*	会員登録　　*/

.woong textarea {
	line-height: 1.6 !important;
	font-size: 12px;
	width: 500px;
}


/* --------------------------------------------------------------
 エレメントページ
---------------------------------------------------------------- */

/*================================================
	フォントサイズ・色
================================================*/

.fontS { font-size: 84%; }

.red { color: #cc0000; }
.black { color: #000; }
.white { color: #FFFFFF; }


/*================================================
	幅
================================================*/

.w150 { width: 150px; }
.w220 { width: 220px; }
.w460 { width: 460px; }
.w580 { width: 580px; }


/*================================================
	左右中央レイアウト
================================================*/

.fltL { float: left; }
.fltR { float: right; }

.alnL { text-align: left; }
.alnC { text-align: center !important; }
.alnR { text-align: right; }

.valnT { vertical-align: top; }
.valnM { vertical-align: middle; }
.valnB { vertical-align: bottom; }

/*================================================
	マージン・余白・行間
================================================*/

.mgL00 { margin-left: 0px; }

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; }
.mgT20 { margin-top: 20px; }
.mgT30 { margin-top: 30px; }
.mgT35 { margin-top: 35px; }

.mgR30 { margin-right: 30px; }

.mgB05 { margin-bottom: 5px; }
.mgB10 { margin-bottom: 10px; }
.mgB15 { margin-bottom: 15px; }
.mgB25 { margin-bottom: 25px; }
.mgB30 { margin-bottom: 30px; }
.mgB35 { margin-bottom: 35px; }

.mgL05 { margin-left: 5px; }

.pdT05 { padding-top: 5px; }
.pdT10 { padding-top: 10px; }
.pdT20 { padding-top: 20px; }
.pdT00 { padding-top: 0px; }

.pdL10 { padding-left: 10px; }
.pdL23 { padding-left: 23px; }

.lhS { line-height: 1.4; }
.lhM { line-height: 1.6; }
.lhL { line-height: 1.8; }

.fs14 { font-size: 120%; }

/*================================================
	見出し
================================================*/

div.right h2 {
	font: bold 240%/1.3em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
	width: 700px;
}

div.right h3 {
	padding-bottom: 2px;
	border-bottom: 1px solid #999;
	font: bold 160%/1.3em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
}

div.right h4 {
	font: bold 140%/30px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
}


/*================================================
	RIGHT
================================================*/

div.right { color: #fff; }

div.right p { margin: 0.5em 0 0; }

div.right img { vertical-align: top; }


/*------------------------------------------------
	サムネイル表示
------------------------------------------------*/

ul.thumbnail li {
	float: left;
	width: 100px;
	padding: 10px 0 0 20px;
}

ul.thumbnail li.first { padding-left: 0; }

span.caption {
	display: block;
	margin-top: 2px;
	font-size: 84%;
}


/*------------------------------------------------
	インデントリスト
------------------------------------------------*/

ul.indent { padding-left: 1.5em; }

ol.indent {
	margin: 10px 0 0;
	padding-left: 1.2em;
}

ul.indent li,
ol.indent li {
	margin-bottom: 3px;
	text-indent: -1.2em;
}


/*------------------------------------------------
	矢印付リスト
------------------------------------------------*/

ol.arrowList {
	margin: 0;
	padding: 0;
}

ol.arrowList li {
	float: left;
	padding: 2px 25px 2px 20px;
	width: 305px;
	background: url(/design/kiriko/img/icon_arrow.gif) no-repeat 0 7px;
	line-height: 1.6;
	font-size: 120%;
}


/*------------------------------------------------
	問合わせ
------------------------------------------------*/

dl.contact { overflow: hidden; }

dl.contact dt {
	float: left;
	clear: left;
	width: 90px;
	font-size: 120%;
}

dl.contact dd {
	font-size: 120%;
}


/*================================================
 分類ページ
================================================*/

.white a:link font{	color: #999999;	text-decoration: none;}
.white a:visited font {	color: #999999; text-decoration: none; }
.white a:hover font {	color: #FFFFFF; text-decoration: none; }

td.line { background: url(none) !important; }

.cateSet .line img { visibility: hidden; }

.calendarSet td  {
	color: #000000 !important;
}

.calendarSet td font b  {
	color: #FFFFFF;
}

.calendarSet span td b {
	font-weight: normal;
	color: #000000;
}

.calendarSet span td b font {
	color: #FF0000;
}

.bgroupSet td { background: url(none) !important; }

.cateTitle {
	height: 250px;
	width: 700px;
}

.cateTitle td {
	vertical-align: top;
}

.cateTitle p {
	display: block;
	padding-left: 20px;
	color: #000000;
	padding-top: 80px;
}


/*------------------------------------------------
	特定商取引法設定
------------------------------------------------*/
dl.tokuteishou {
	overflow: hidden;
}
dl.tokuteishou dt {
	float: left;
	clear: left;
	width: 150px;
}
dl.tokuteishou dd {
	margin-left: 150px;
}

dl.tokuteishou ul {
	padding-left: 1.2em;
}
dl.tokuteishou li {
	text-indent: -1.2em;
}

/*------------------------------------------------
	ログインページ
------------------------------------------------*/
div.loginPage {
	margin-left: 70px;
	width: 530px;
}

div.loginForm {
	margin: 15px 0 20px;
	padding: 40px;
	border: 1px solid #666;
	text-align: center;
}
div.loginForm table {
	margin: 36px auto 0 8px;
	width: 450px;
	text-align: left;
}
* div.loginForm table {
	width: 440px;
}
div.loginForm input {
	width: 100%;
	height: 22px;
	line-height: 1.6;
}
div.loginForm p {
	margin-top: 23px;
	padding: 0 25px 20px 0;
	border-bottom: 1px solid #666;
	text-align: right;
}
div.loginForm p img { vertical-align: middle !important; }

div.loginForm a:link,
div.loginForm a:visited,
div.loginForm a:hover,
div.loginForm a:active { text-decoration: underline !important; }

div.loginGuide {
	padding: 40px;
	border: 1px solid #666;
	text-align: center;
}
div.loginGuide p {
	margin: 36px auto 0;
	width: 450px;
	text-align: left;
}

div.loginPage span {
	display: block;
	margin-top: 20px;
	text-align: right;
}

/*------------------------------------------------
	会員登録/修正ページ
------------------------------------------------*/

table.memberForm {
	margin: 15px 0 30px;
	padding: 25px 0 60px;
	width: 580px;
	border: 1px solid #ccc;
}

/*------------------------------------------------
	パスワード紛失ページ
------------------------------------------------*/

div.passlostPage {
	margin-left: 70px;
	width: 530px;
}
div.passlostPage {
	text-align: left;
}
div.passlost {
	margin: 15px 0 20px;
	padding: 40px 40px 80px;
	border: 1px solid #666;
	text-align: center;
}
div.passlost table {
	margin: 0 auto;
}

div.passlost input {
	width: 100%;
	height: 22px;
	line-height: 1.6;
}

/*------------------------------------------------
	テーブル（背景色：TH灰/TD白）
------------------------------------------------*/

table.tbl {
	width: 100%;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #000;
	font-size: 120%;
	text-align: left;
}

table.tbl th {
	padding: 5px;
	border: 1px solid #fff;
	background: #ccc;
	font-weight: normal;
}

table.tbl td {
	padding: 5px 8px;
	border: 1px solid #fff;
	background: #fff;
	vertical-align: top;
}