@charset "UTF-8";

/*-------------------------------------------------
  基本設定
-------------------------------------------------*/
*{
	margin:0px;
	padding:0px;
	outline:0;
	color:#333;
	font:100%/20px sans-serif;
        /*font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;*/
        /*font-size: 17px;*/
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	border:0;
}
img{
	max-width: 100%;
	height:auto;
}
iframe{
	max-width: 100%;
	max-height:80%;
}
header,#header{
}
header,#header,#searcharea,#mainwrapper,#items,#categories,nav,#nav,footer,#footer{
	padding:0 10px;
}
#searcharea{
	padding:10px;
	background:#efefef;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}
#title{
        position:relative;
        background:#522f60;
}
#title .titleimg{
        padding:0px;
        border-top;5px;
        border-bottom;0px;
        width: 320px;
        height: 149px;
        margin-left: auto;
        margin-right: auto;
}
footer,#footer{
	border-top:2px solid #999;
}

/*-------------------------------------------------
  ヘッダー
-------------------------------------------------*/
header .logo,#header .logo{
	display:block;
	width:100%;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}
header .desc,#header .desc{
	text-align:center;
}

/*----------------------------------------------------
 header
----------------------------------------------------*/
ul.foo {
    display:table;
    table-layout:fixed;
    width:100%;
    padding-top: 1px;
    padding-bottom: 0px;
}
ul.foo li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    /*background-color: #522f60;*/
    background-color: #a59aca;
    border-left:1px solid white;
}
ul.foo li:first-child {
    border:none;    
}
ul.foo li a {
    display:block;
    text-decoration:none;
    /*color:white;*/
    color:#522f60;
    font-size:80%;
}

/*-------------------------------------------------
  ヘッドライン
-------------------------------------------------*/
h1{
	border-bottom:1px #333 solid;
}
h1 a,h1 span{
	font-weight:bold;
	font-size:120%;
}
h2{
	border-bottom:1px #333 solid;
	font-weight:bold;
	font-size:110%;
}
h2 a,h2 span{
	font-weight:bold;
	font-size:110%;
}
h3,h3 a,h3 span{
	font-weight:bold;
}

/*-------------------------------------------------
  ボックスヘッドライン
-------------------------------------------------*/
#items h1,
nav h1, #nav h1{
	background:#dedede;
	padding:5px 2px 2px 5px;
	border-bottom:1px solid #999;
}
#items h1 a,#items h1 span,
nav h1span, #nav h1 span{
	font-weight:bold;
	font-size:120%;
	border-left:1em solid #fff;
	padding-left:5px;
}

/*-------------------------------------------------
  ノーマルリスト
-------------------------------------------------*/
#items ul.menu,#items ul.menu2,
nav ul.menu, #nav ul.menu{
	list-style:none;
	margin-bottom:10px;
}
#items ul.menu li,#items ul.menu2 li,
nav ul.menu li, #nav ul.menu li{
}
#items ul.menu li a,#items ul.menu2 li a,
nav ul.menu li a, #nav ul.menu li a{
	display:block;
	padding:3px 0 2px 10px;
	border-bottom:1px solid #999;
}
#items ul.menu2 li a{
	width:46%;
	float:left;
}
#items ul.menu2{
	zoom: 100%;
}
#items ul.menu2:after{
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	margin:0;
}
#items ul.menu li a:hover,#items ul.menu2 li a:hover,
nav ul.menu li a:hover, #nav ul.menu li a:hover{
	background:#dedede;
}

/*-------------------------------------------------
  リストナビゲーション
-------------------------------------------------*/
.menu3{
	margin-top:10px;
	zoom: 100%;
}
.menu3:after{
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	margin:0;
}
.menu3 li{
	width:50%;
	float:left;
	list-style:none;
}
.menu3 li.nextlink{
	float:right;
}
.morelink a,
.menu3 li a{
	display:block;
	padding:2px 0;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
	background:#efefef;
	text-align:center;
	font-weight:bold;
}
.morelink a:hover,
.menu3 li a:hover{
	border-color:#868686 #D4D2CF #D4D2CF #868686;
	background:#dedede;
}

/*-------------------------------------------------
  メイン
-------------------------------------------------*/
#mainwrapper{
}
#mainwrapper .ititle .subline{
	text-align:right;
}
#mainwrapper .ititle .subline span{
	margin-right:10px;
}

/*-------------------------------------------------
  コメント
-------------------------------------------------*/
#coment{}
#coment h2{
	margin:10px 0;
}
#coment h3{
	padding-left:5px;
	border-bottom:1px #333 solid;
}
#coment .cbody{
	margin:0 0 10px 10px;
}

/*-------------------------------------------------
  アイテムリスト
-------------------------------------------------*/
#items{}
#items .item{
	display:block;
	padding:2px 0;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
	background:#efefef;
	margin-bottom:5px;
}
#items .item:hover{
	border-color:#868686 #D4D2CF #D4D2CF #868686;
	background:#dedede;
}
#items .item .ititle{
	display:block;
	border-bottom:1px solid #999;
	font-weight:bold;
	padding-left:5px;
}
#items .item .ibody{
	display:block;
	font-size:80%;
	margin:0 2px;
}

/*-------------------------------------------------
  メンバーページ
-------------------------------------------------*/
#member #items ul.menu{
	list-style:none;
	margin-bottom:10px;
}
#member #items ul.menu li{
	padding-left:10px;
}
#member #items ul.menu li a{
	display:inline;
	border:none;
	background:none;
}
#member #items ul.menu li a:hover{
	
}
#member #items h2{
	border-bottom:none;
	font-weight:bold;
	font-size:100%;
	margin-bottom:0px;
}

/*-------------------------------------------------
  ナビゲーション
-------------------------------------------------*/
nav, #nav{}

/*-------------------------------------------------
  フッター
-------------------------------------------------*/
footer, #footer{
	text-align:center;
        font-size:80%;
}

/*-------------------------------------------------
  Forms CSS for hnmSkins (08.02.19)
-------------------------------------------------*/
.loginform,.loginform *,
.searchform,.searchform *,
.commentform,.commentform *,
.mailform,.mailform *{
}
.formfield{
	display:block;
	background:#fff;
	color: #333;
	border: 1px solid #868686;
	border-color:#868686 #D4D2CF #D4D2CF #868686;
	height:20px;
}
.formbutton{
	display:block;
	background:#efefef;
	color: #333;
	border: 1px solid #868686;
	border-color:#D4D2CF #868686 #868686 #D4D2CF;
}
.searchform .formfield{
	width:70%;
	margin: 1px 0 0 0;
	display:inline;
}
.searchform .formbutton{
	width:25%;
	margin: 0 0 0 3px;
	display:inline;
	height:21px;
	letter-spacing:3px;
}
.loginform{
	margin:10px 0 0 10px;
}
.commentform{
	margin:10px 0 0 0;
}
.mailform{
	margin:0;
}

.loginform label{
	float:left;
	padding-right:5px;
}
.loginform .formfield{
	width: 60%;
	padding: 2px;
}
#nucleus_lf_shared{}

#login .loginform a{
	display:inline;
	margin:0;
	padding:0;
}

#nucleus_cf_body,
.mailform textarea,
#nucleus_cf_name,
#nucleus_cf_mail,
#nucleus_cf_email,
#nucleus_mmf_frommail{
	width:95%;
	margin:0 0 5px 10px;
}
#nucleus_cf_remember{
	margin-left:10px;
}
#nucleus_cf_body,
.mailform textarea{
	height:5em;
}

.loginform .formbutton,
.commentform .formbutton,
.mailform .formbutton{
	clear:both;
	width: 50%;
	margin:5px auto;
}


/*-------------------------------------------------
  補助レイアウト
-------------------------------------------------*/
.freearea{
	text-align:left;
	padding:5px 0;
}
.date{
	font-weight:normal;
	padding-left:5px;
	font-size:80%;
}

.leftbox{float:left;}
.rightbox{float:right;}

.txtL{text-align:left;}
.txtR{text-align:right;}
.txtC{text-align:center;}

.crL{clear:left;}
.crR{clear:right;}
.crB{clear:both;}