@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
hanbunko

Copyright (C) KAYAC Inc. All Rights Reserved.
------------------------------------------------------------

[Base] Resetting HTML elements styles
	0. All
	1. HTML, Body, Anchor
	2. Others
		2-1. Inline-level Elements
		2-2. Block-level Elements
		2-3. Table
		
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. All
------------------------------------------------------------ */

body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td,
form, fieldset, legend, input, select, textarea {
	margin: 0;
	padding: 0;
}


/* ------------------------------------------------------------
	1. HTML, Body, Anchor
------------------------------------------------------------ */

body {
	background: #fff;
	color: #6e6943;
	font-size: 13px;
	line-height: 1.5;
	font-family: sans-serif;
}


/* ---------------
EXAMPLES FONT-SIZE
------------------
 77% = 10px
 85% = 11px
 93% = 12px
100% = 13px
108% = 14px
116% = 15px
124% = 16px
131% = 17px
139% = 18px
147% = 19px
154% = 20px
162% = 21px
170% = 22px
177% = 23px
185% = 24px
193% = 25px
200% = 26px
--------------- */

a:link {
	color: #0ea066;
	text-decoration: underline;
}


a:visited {
	color: #0ea066;
	text-decoration: underline;
}


a:hover,
a:active  {
	background-color: #FDFF9C;
	color: #0ea066;
}


/* ------------------------------------------------------------
	2. Others
------------------------------------------------------------ */

/*  2-1. Inline-level Elements
------------------------------------------------- */
img {
	border: none;
	vertical-align: bottom;
}


object {
	vertical-align: middle;
	outline: none;
}


address, caption, cite, code, dfn, th, var {
	font-weight: normal;
	font-style: normal;
}


em, strong {
	font-weight: bold;
	font-style: normal;
}


sup {
	vertical-align: text-top;
}


sub {
	vertical-align: text-bottom;
}


fieldset {
	border: none;
}


input, textarea, select, label {
	font-size: 100%;
	vertical-align: middle;
	font-family: inherit;
}


label {
	cursor: pointer;
}


textarea {
	overflow: auto;
}


/*  2-2. Block-level Elements
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1;
}


hr {
	display: none;
}


q:before, q:after {
	content: '';
}


abbr, acronym {
	border: none;
	font-variant: normal;
}


pre, code {
	font-family: monospace;
}


ul, ol {
	list-style: none;
}


/*  2-3. Table
------------------------------------------------- */
table {
	border-collapse: collapse;
	font-size: 100%;
	border-spacing: 0;
	font-family: inherit;
}


caption, th, td {
	text-align: left;
	vertical-align: top;
}


/* ------------------------------------------------------------
	0. Base Layout
------------------------------------------------------------ */

body {
	text-align: center;
}


div#container {
	width: 950px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
}


/* ------------------------------------------------------------
	1. Header
------------------------------------------------------------ */

div#header {
	position: relative;
	margin-bottom: 15px;
}


/* tagline
------------------------------------------------- */
div#header p#tagline {
	position: relative;
	z-index: 1;
	width: 797px;
	height: 92px;
	margin: 0 auto 2em;
}


/* siteName
------------------------------------------------- */
div#header #siteName a {
	display: block;
	position: absolute;
	left: 330px;
	z-index: 5;
	width: 308px;
	height: 49px;
}


/* note
------------------------------------------------- */
div#header p.themeCount {
	position: absolute;
	top: 85px;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: center;
}


div#header p.themeCount span{
	color: #0ea066;
}


/* navGlobal
------------------------------------------------- */
div#header div#navGlobal {
	margin-top: 10px;
	border-top: 1px solid #CEE6DA;
	border-bottom: 1px solid #CEE6DA;
}


div#header div#navGlobal ul {
	float: right;
}


div#header div#navGlobal ul li{
	float: left;
	margin-left: 20px;
	padding-left: 15px;
	background: url(/img/common/ico_arrow_01.png) no-repeat 0 50%;
	line-height: 30px;
}


div#header div#navGlobal p.msg{
	float: left;
	line-height: 30px;
}


/* navUtility
------------------------------------------------- */
div#header ul#navUtility {

}


/* topicPath
------------------------------------------------- */
div#header ol#topicPath {
	margin: 10px 0;
}


div#header ol#topicPath li {
	display: inline;
	padding-right: 10px;
	background: url(/img/common/bg_topicpath.gif) no-repeat 100% 50%;
}


div#header ol#topicPath li.current {
	padding-right: 0;
	background: none;
}


div#header ol#topicPath li strong {
	font-weight: normal;
}


/* ------------------------------------------------------------
	2. Content
------------------------------------------------------------ */
div#content{
	margin-top: 40px;
}


/* main
------------------------------------------------- */
div#content div#main {
	float: left;
	width: 700px;
}


/* sub
------------------------------------------------- */
div#content div#sub {
	float: right;
	width: 200px;
	overflow: hidden;
}


/* boxSignup
------------------------------------------------- */
div#sub div.boxSignup{
	margin-bottom: 20px;
}


/* boxAd01
------------------------------------------------- */
div.boxAd01{
	margin: 15px 0;
	text-align: center;
}


/* ------------------------------------------------------------
	3. Footer
------------------------------------------------------------ */

div#footer {
	margin: 20px 0 0;
}


div#footer a.external {
	padding-right: 0;
	background: none;
}


/* navSiteInfo
------------------------------------------------- */

div#footer ul#siteInfo {
	margin-bottom: 10px;
	padding: 5px;
	border-top: 1px solid #cee6da;
	border-bottom: 1px solid #cee6da;
	text-align: center;
	zoom: 1;
}


div#footer ul#siteInfo li {
	display: inline;
	margin-right: -1px;
	padding: 2px 10px;
	border-right: 1px solid #0ea066;
	border-left: 1px solid #0ea066;
	line-height: 1;
	zoom: 1;
}


/* kayacProject
------------------------------------------------- */
div#footer dl#kayacProject {
	font-size: 85%;
}


div#footer dl#kayacProject dt {
	float: left;
	width: 120px;
}


div#footer dl#kayacProject dd {
	margin-left: 120px;
}


div#footer dl#kayacProject dd ul li {
	float: left;
	margin: 0 10px 3px 0;
	white-space: nowrap;
}


div#footer dl#kayacProject dd ul li a {
	color: #6e6943;
}


/* copyright
------------------------------------------------- */
div#footer p#copyright {
	clear: both;
	padding: 10px 0 20px;
	text-align: center;
}


/* ------------------------------------------------------------
	1. Common Elements
------------------------------------------------------------ */

/* Title
------------------------------------------------- */
.ttl01 {
	margin-bottom: 20px;
}


.ttl02 {
	margin-bottom: 20px;
	padding-top: 5px;
	font-size: 77%;
	font-weight: normal;
	text-align: right;
}


.ttl03 {
	margin-bottom: 20px;
	font-size: 116%;
}


/* text
------------------------------------------------- */
p.text01 {
	margin: 40px 140px;
	line-height: 2;
}


p.text02 {
	margin: 20px 0;
}


p.text03 {
	margin-bottom: 20px;
}

p.text04{
	text-align: right;
	margin-bottom: 50px;
}

p.text06{
	font-size: 124%;
	padding: 10px 0;
}

p.text07{
	text-align: right;
	padding: 0 20px;
}

p.text08 {
	margin: 20px 0;
	text-align: right;
}

p.text09 {
	margin-top: 10px;
	text-align: center;
	font-size: 93%;
}

p.note01{
	margin-bottom: 20px;
}


/* Link
------------------------------------------------- */

/* pagetop */
p.goPageTop {
	margin-top: 25px;
	font-size: 77%;
	text-align: right;
}


p.goPageTop a {
	padding-right: 20px;
	background: url(/img/common/ico_top_01.png) no-repeat 100% 50%;
}


p.goPageTop a:hover {
	background-color: #FDFF9C;
}


/* external icon */
a.exwin {
	padding-right: 12px;
	background: url(/img/common/ico_external.gif) no-repeat 100% 50%;
}


/* viewMore */
p.viewMore {

}


/* List
------------------------------------------------- */

/* 箇条書き */
ul.listNote01{
	list-style: disc outside;
	margin: 20px 0;
}

ul.listNote01 li{
	margin-left: 3em;
}

.listNote02{
	list-style: decimal outside;
	margin: 20px 0;
}

.listNote02 li{
	margin-left: 3em;
}

ul.listNote03{
	list-style: circle outside;
	margin: 20px 0;
}

ul.listNote03 li{
	margin-left: 4em;
}


/* Table
------------------------------------------------- */
table.tbl01{
	width: 660px;
	margin: 20px 0;
}


table.tbl01 th,
table.tbl01 td{
	padding: 8px;
	border: 1px solid #4F4924;
	border-collapse: collapse;
}


table.tbl01 th{
	width: 150px;
	text-align: center;
}


/* icon
------------------------------------------------- */
.hot{
	padding-right: 23px;
	background: url(/img/common/ico_hot_01.png) no-repeat 100% 0.25em;
}


.new{
	padding-right: 26px;
	background: url(/img/common/ico_new_01.png) no-repeat 100% 0.25em;
}


.arrow{
	padding-left: 15px;
	background: url(/img/common/ico_arrow_01.png) no-repeat 0 50%;
}


.arrow02{
	padding-left: 20px;
	background: url(/img/common/ico_arrow_04.png) no-repeat 0 50%;
}


.arrow03{
	padding-left: 20px;
	background: url(/img/common/ico_arrow_03.png) no-repeat 0 50%;
}


/* more
------------------------------------------------- */
.more01 {
	margin: 15px 0;
	padding: 0 20px;
	text-align: right;
}


.more02 {
	margin: 10px 0;
	font-size: 93%;
	text-align: right;
}


/* ------------------------------------------------------------
	2. Common Module
------------------------------------------------------------ */

/* Form
------------------------------------------------- */
table.form01{
	width: 560px;
	margin: 20px auto;
}


table.form02{
	width: 660px;
	margin-bottom: 20px;
}


table.form01 tr,
table.form02 tr{
	vertical-align: middle;
}


table.form01 tr th,
table.form02 tr th{
	width: 140px;
	margin-bottom: 10px;
	padding: 5px 0;
	vertical-align: middle;
}


table.form02 tr th{
	width: 200px;
}


table.form01 tr td,
table.form02 tr td{
	width: 420px;
	padding: 5px 0;
	vertical-align: middle;
}


table.form02 tr td{
	width: 460px;
}


table.form01 tr td.name,
table.form01 tr td.ttl,
table tr td.big{
	font-size: 193%;
}


table.form01 tr td.name.filled{
	padding: 5px;
}


table.form01 input,
table.form01 textarea{
	width: 420px;
	padding: 2px;
	border: 1px solid #fdaecd;
	background: #fff;
}


table.form02 input,
table.form02 textarea{
	width: 456px;
	padding: 2px;
	border: 1px solid #fdaecd;
}


table.form01 textarea{
	height: 5.5em;
}


table.form01 .style01{
	min-height: 160px;
	background: url(/img/common/bg_input_01.png) right bottom no-repeat #fff;
}


table.form01.confirm tr td p{
	display: block;
	padding: 5px;
	border: none;
	background-color: #fff;
}


/* module */

dl.form01{
	margin: 10px 0;
}


dl.form01 dt{
	float: left;
	clear: both;
	padding: 7px 0;
	vertical-align: middle;
}


dl.form01 dt.password{
	width: 7em;
}


dl.form01 dd{
	float: right;
	padding: 5px 0;
	vertical-align: middle;
}


dl.form02 dd{
	float: left;
	padding: 5px 0;
	vertical-align: middle;
}


input.text01{
	width: 14em;
	padding: 2px;
	border: 1px solid #fdaecd;
	background: #eaf8f8;
}


input.text02{
	width: 210px;
	padding: 2px;
	border: 1px solid #fdaecd;
	background: #eaf8f8;
}


input.text03{
	width: 500px;
	padding: 2px;
	border: 1px solid #fdaecd;
	background: #eaf8f8;
}


input.text04{
	width: 470px;
	padding: 2px;
	border: 1px solid #fdaecd;
	background: #eaf8f8;
}


textarea.text05,
input.text05{
	width: 440px;
	padding: 2px;
	border: 1px solid #fdaecd;
	background: #fff;
}


.confirm textarea.text05,
.confirm input.text05{
	padding: 2px;
	border: none;
	background: #fff;
}


textarea.text05{
	height: 5.5em;
}


.button01{
	text-align: right;
}


.button02{
	text-align: center;
}


.button03{
	padding-top: 20px;
	background: url(/img/common/hr_01.png) no-repeat top center;
	text-align: center;
}


ul.btnList01{
	text-align: center;
}


ul.btnList01 li{
	display: inline;
	margin: 0 10px;
}


/* boxIntro
------------------------------------------------- */
div.boxIntro{
	position: relative;
	height: 95px;
	margin: 15px 0;
	background: #ffffe2;
}


div.boxIntro p.txtIntro{
	position: absolute;
	top: 39px;
	left: 200px;
}


div.boxIntro p.btnIntro{
	position: absolute;
	top: 15px;
	left: 310px;
}


/* box01
------------------------------------------------- */
div.box01 {
	margin: 20px 0;
	padding: 0 20px;
}


/* box02
------------------------------------------------- */
div.box02{
	position: relative;
	left: -5px;
	width: 710px;
	margin: 0 auto 20px;
	background: url(/img/common/bg_box_detail_middle.png) repeat-y 0 0;
}


div.box02 div.header{
	min-height: 28px;
	padding: 85px 50px 0;
	background: url(/img/common/bg_box_detail_top.png) 0 0 no-repeat;
}


div.box02 div.body{
	min-height: 57px;
	padding: 0 50px 55px;
	background: url(/img/common/bg_box_detail_bottom.png) 0 100% no-repeat;
}


div.box02 div.body div.inner{
	padding: 40px 170px 20px 100px;
	background: url(/img/common/bg_complete_01.png) 100% 20px no-repeat;
}


div.box02 div.body div.inner p{
	margin-bottom: 1em;
	font-size: 116%;
}


/* box03
------------------------------------------------- */
div.box03{
	width: 600px;
	margin: 20px auto;
}


/* col2
------------------------------------------------- */
.col2a{
	float: left;
	width: 305px;
}


.col2b{
	float: right;
	width: 305px;
}


/* boxList01
------------------------------------------------- */
.boxList01{
	margin-bottom: 20px;
}


/* boxList02
------------------------------------------------- */
.boxList02{
	margin: 20px 0;
}


/* list01
------------------------------------------------- */
.list01 li.item {
	clear: both;
	padding: 10px 20px;
	background: url(/img/common/hr_01.png) no-repeat center bottom;
}


/* list02
------------------------------------------------- */
.list02 li.item {
	padding: 10px 10px 5px 10px;
}


/* ranking
------------------------------------------------- */
.ranking li.item{
	padding-left: 33px;
	background: url(/img/common/spr_ico_rank_01.png) no-repeat -40px -40px;
}


.ranking li.item.rank02,
.ranking li.item.rank04,
.ranking li.item.rank06,
.ranking li.item.rank08,
.ranking li.item.rank10{
	background-color: #e9faee;
}



.ranking li.item.rank01{
	background-position: -40px -40px;
}

.ranking li.item.rank02{
	background-position: -310px -158px;
}

.ranking li.item.rank03{
	background-position: -40px -276px;
}

.ranking li.item.rank04{
	background-position: -310px -394px;
}

.ranking li.item.rank05{
	background-position: -40px -512px;
}

.ranking li.item.rank06{
	background-position: -310px -40px;
}

.ranking li.item.rank07{
	background-position: -40px -158px;
}

.ranking li.item.rank08{
	background-position: -310px -276px;
}

.ranking li.item.rank09{
	background-position: -40px -394px;
}

.ranking li.item.rank10{
	background-position: -310px -512px;
}


/* itemInfo01
------------------------------------------------- */
dl.itemInfo01{
	position: relative;
	min-height: 35px;
	padding: 0 7.5em 0 30px;
	background: url(/img/common/ico_arrow_02.png) no-repeat 0 0.1em;
}


dl.itemInfo01 .title{
	margin-right: 2em;
	font-size: 116%;
}


dl.itemInfo01.strongItem .title{
	margin-right: 2em;
	font-size: 131%;
	font-weight: bold;
}


dl.itemInfo01 .name,
dl.itemInfo01 .date,
dl.itemInfo03 .name,
dl.itemInfo03 .date{
	display: inline;
	font-size: 77%;
	line-height: 2.4;
}


dl.itemInfo01 .name{
	margin-right: 1em;
}


dl.itemInfo01 .date,
dl.itemInfo03 .date{
	color: #b8a496;
}


dl.itemInfo01 .body{
	width: 530px;
	margin-top: 10px;
}


.count{
/*	position: absolute; */
	top: 0;
	right: 0;
	clear: both;
	padding-right: 35px;
	background: url(/img/common/spr_count_01.png) no-repeat 100% 3px #fff;
	font-size: 170%;
	font-family: 'Verdana','Arial';
	text-align: right;
}

div#sub div.boxList02 .count{
	position: relative;
	text-align: right;
}

.count span{
	display: none;
}


.lv1a{
	background-position: 100% -97px;
}

.lv2a{
	background-position: 100% -196px;
}

.lv3a{
	background-position: 100% -296px;
}


.lv1b,
.lv2b,
.lv3b{
	background-color: #E9FAEE;
}

.lv1b{
	background-position: 100% -597px;
}

.lv2b{
	background-position: 100% -696px;
}

.lv3b{
	background-position: 100% -796px;
}



/* itemInfo02
------------------------------------------------- */
dl.itemInfo02{
	position: relative;
	min-height: 35px;
}


dl.itemInfo02 .title{
	font-size: 85%;
	margin-bottom: 3px;
}


/* comment
------------------------------------------------- */
ul.comment{}

ul.comment li.item{
}


/* itemInfo03
------------------------------------------------- */
dl.itemInfo03{
	padding: 0 20px 0 40px;
	background: url(/img/common/ico_comment_01.png) no-repeat 0 0;
}


dl.itemInfo03 .title{
	line-height: 2;
}


dl.itemInfo03 .name,
dl.itemInfo03 .date{
	float: right;
	margin-left: 5px;
}


/* postForm
------------------------------------------------- */
div.postForm .title{
	margin: -20px 0 20px;
	font-size: 139%;
}


/* themeDetail
------------------------------------------------- */
div.themeDetail{
}


div.themeDetail .title{
	font-size: 231%;
}


div.themeDetail div.info{
	text-align: right;
}


div.themeDetail .name,
div.themeDetail .date{
	display: inline;
	font-size: 77%;
}


div.themeDetail .name{
	margin-right: 5px;
}


div.themeDetail .name span{
	margin-left: 5px;
}

div.themeDetail .text01{
	margin: 20px 0;
	font-size: 124%;
}


div.themeDetail .date{
	color: #b8a496;
}


div.countDetail{
	font-size: 154%;
	text-align: center;
}


div.countDetail .txtCount{
	margin-left: 10px;
	font-size: 200%;
	font-family: 'Verdana','Arial';
}


div.countDetail .valueUnit{
	display: inline-block;
	position: relative;
	top: -11px;
	z-index: 10;
	width: 32px;
	height: 40px;
	overflow: hidden;
	margin-right: 10px;
	padding-right: 5px;
	font-size: 1%;
	vertical-align: middle;
	text-indent: -999em;
}

.valueUnit.lv1{
	background: url(/img/common/spr_count_01.png) no-repeat 100% -87px;
}

.valueUnit.lv2{
	background: url(/img/common/spr_count_01.png) no-repeat 100% -186px;
}

.valueUnit.lv3{
	background: url(/img/common/spr_count_01.png) no-repeat 100% -286px;
}


/* openid
------------------------------------------------- */
ul.openid01{
	margin-top: 40px;
}


/* listOpenid
------------------------------------------------- */
ul.listOpenid li{
	display: inline;
	float: left;
	margin: 15px 20px;
}


/* progress
------------------------------------------------- */
div.progress {
	position: relative;
	margin: 10px auto 35px;
	padding-bottom: 25px;
}


div.progress h2 {
	line-height: 2;
}


div.progress div.full{
	width: 598px;
	height: 15px;
	border: 1px solid #CEE6DA;
}


div.progress div.full div.bar{
	height: 15px;
	background: #FFCADA;
}


div.progress p.tooltip {
	margin: 5px 0;
	text-align: right;
}


/* boxInput
------------------------------------------------- */
div.boxInput{
	width: 560px;
	padding: 20px;
	background: #EAF8F7;
	text-align: center;
}


div.boxInput .title{
	color: #0EA066;
	font-size: 108%;
}


div.boxInput .title span{
	background: url(/img/common/img_comment.png) no-repeat 100% 50%;
}


div.boxInput .title span a{
	margin-right: 50px;
}


div.boxInput dl.form01 dt.name{
	line-height: 2.9;
}


div.boxInput dl.form01 dd.name{
	font-size: 193%;
}


div.boxInput dl.form01 dd.message{
	margin-top: 0.4em;
}


/* Pager
------------------------------------------------- */
div.pager01{
	position: relative;
	padding: 0 20px 10px;
	background: url(/img/common/hr_01.png) no-repeat center bottom;
}


div.pager01.bottom{
	padding: 10px 20px 0;
	background: none;
}


div.pager01 ul.sort{
	float: left;
	width: 220px;
}


div.pager01 ul.sort li{
	display: inline;
	margin-right: 10px;
	font-size: 93%;
	font-weight: bold;
}


div.pager01 p.noteCount{
	float: right;
	width: 220px;
	text-align: center;
}


ul.navPager {
	float: right;
	width: 220px;
	font-size: 85%;
	line-height: 2;
	text-align: right;
}


ul.navPager li {
	display: inline;
	margin: 0 2px;
}


ul.navPager li.current {
	font-weight: bold;
}

/* Delet
------------------------------------------------- */

/* ------------------------------------------------------------
	90. Others
------------------------------------------------------------ */

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


/* Noscript Message */
p#msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #fcc;
	color: #f00;
	line-height: 1.2;
	text-align: center;
	opacity: 0.7;
}


/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */

div#footer dl#kayacProject dd ul:after,
.group:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
}


div#footer dl#kayacProject dd ul,
.group {
	display: inline-block;
}


/* exclude MacIE5 \*/
* html div#footer dl#kayacProject dd ul,
* html .group {
	height: 1%;
}


div#footer dl#kayacProject dd ul,
.group{
	display: block;
}

/* end: exclude MacIE5 */