@charset "utf-8";
/* CSS Document */
/*@media (max-width:480px){}*/

ul,li,p,div{
	margin:0;
	padding:0;
}
/* F
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-f {
	border: 1px solid #e5cfa2 /*{f-bar-border}*/;
	background: #573b34 /*{f-bar-background-color}*/;
	color: #ffffff /*{f-bar-color}*/;
	font-weight: bold;
	text-shadow:  0  /*{f-bar-shadow-x}*/  1px  /*{f-bar-shadow-y}*/  1px  /*{f-bar-shadow-radius}*/ #ffffff /*{f-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #4F352F /*{f-bar-background-start}*/), to( #5E4038 /*{f-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #4F352F /*{f-bar-background-start}*/, #5E4038 /*{f-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #4F352F /*{f-bar-background-start}*/, #5E4038 /*{f-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #4F352F /*{f-bar-background-start}*/, #5E4038 /*{f-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #4F352F /*{f-bar-background-start}*/, #5E4038 /*{f-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #4F352F /*{f-bar-background-start}*/, #5E4038 /*{f-bar-background-end}*/);
}

.ui-bar-f .ui-link-inherit {
	color: #ffffff /*{f-bar-color}*/;
}
.ui-bar-f .ui-link {
	color:  #322522  /*{f-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-f .ui-link:hover {
	color:  #573b34  /*{f-bar-link-hover}*/;
}

.ui-bar-f .ui-link:active {
	color:  #573b34  /*{f-bar-link-active}*/;
}

.ui-bar-f .ui-link:visited {
    color:  #322522  /*{f-bar-link-visited}*/;
}

.ui-bar-f,
.ui-bar-f input,
.ui-bar-f select,
.ui-bar-f textarea,
.ui-bar-f button {
	 font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
}
.ui-body-f,
.ui-dialog.ui-overlay-f {
	border: 1px solid #e5cfa2 /*{f-body-border}*/;
	color: #333333 /*{f-body-color}*/;
	text-shadow:  0  /*{f-body-shadow-x}*/  1px  /*{f-body-shadow-y}*/  0  /*{f-body-shadow-radius}*/  #fff  /*{f-body-shadow-color}*/;
	background: #b6a37f url("img/BG_002_img.png");
}
.ui-body-f,
.ui-body-f input,
.ui-body-f select,
.ui-body-f textarea,
.ui-body-f button {
	 font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
}

.ui-body-f .ui-link-inherit {
	color: #333333 /*{f-body-color}*/;
}

.ui-body-f .ui-link {
	color: #ffffff /*{f-body-link-color}*/;
	font-size:12px;
	/*font-weight: bold;*/
}

.ui-body-f .ui-link:hover {
	color:  #ffffff  /*{f-body-link-hover}*/;
}

.ui-body-f .ui-link:active {
	color:  #ffffff  /*{f-body-link-active}*/;
}

.ui-body-f .ui-link:visited {
    color:  #ffffff  /*{f-body-link-visited}*/;
}

.ui-btn-up-f {
	border: 1px solid #e5cfa2 /*{f-bup-border}*/;
	background: #322522 /*{f-bup-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bup-color}*/;
	text-shadow: 0 /*{f-bup-shadow-x}*/  1px  /*{f-bup-shadow-y}*/  1px  /*{f-bup-shadow-radius}*/  #f6f6f6  /*{f-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #322522 /*{f-bup-background-start}*/), to( #322522 /*{f-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #322522 /*{f-bup-background-start}*/, #322522 /*{f-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #322522 /*{f-bup-background-start}*/, #322522 /*{f-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #322522 /*{f-bup-background-start}*/, #322522 /*{f-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #322522 /*{f-bup-background-start}*/, #322522 /*{f-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #322522 /*{f-bup-background-start}*/, #322522 /*{f-bup-background-end}*/);
}
.ui-btn-up-f a.ui-link-inherit {
	color: #ffffff /*{f-bup-color}*/;
}

.ui-btn-hover-f {
	border: 1px solid #e5cfa2 /*{f-bhover-border}*/;
	background: #573b34 /*{f-bhover-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bhover-color}*/;
	text-shadow:  0  /*{f-bhover-shadow-x}*/  1px  /*{f-bhover-shadow-y}*/  1px  /*{f-bhover-shadow-radius}*/  #fff  /*{f-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #573B34 /*{f-bhover-background-start}*/), to( #573B34 /*{f-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #573B34 /*{f-bhover-background-start}*/, #573B34 /*{f-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #573B34 /*{f-bhover-background-start}*/, #573B34 /*{f-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #573B34 /*{f-bhover-background-start}*/, #573B34 /*{f-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #573B34 /*{f-bhover-background-start}*/, #573B34 /*{f-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #573B34 /*{f-bhover-background-start}*/, #573B34 /*{f-bhover-background-end}*/);
}
.ui-btn-hover-f a.ui-link-inherit {
	color: #ffffff /*{f-bhover-color}*/;
}
.ui-btn-down-f {
	border: 1px solid #e5cfa2 /*{f-bdown-border}*/;
	background: #573b34 /*{f-bdown-background-color}*/;
	font-weight: bold;
	color: #ffffff /*{f-bdown-color}*/;
	text-shadow:  0  /*{f-bdown-shadow-x}*/  1px  /*{f-bdown-shadow-y}*/  1px  /*{f-bdown-shadow-radius}*/  #ffffff  /*{f-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #573B34 /*{f-bdown-background-start}*/), to( #573B34 /*{f-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #573B34 /*{f-bdown-background-start}*/, #573B34 /*{f-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #573B34 /*{f-bdown-background-start}*/, #573B34 /*{f-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #573B34 /*{f-bdown-background-start}*/, #573B34 /*{f-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #573B34 /*{f-bdown-background-start}*/, #573B34 /*{f-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #573B34 /*{f-bdown-background-start}*/, #573B34 /*{f-bdown-background-end}*/);
}
.ui-btn-down-f a.ui-link-inherit {
	color: #ffffff /*{f-bdown-color}*/;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	 font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
	text-decoration: none;
}
/*form選択時のアイコンの中*/
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
background-color: #b6a37f;
}
/*form選択時のボタンの周りのグラデーション*/
.ui-input-search.ui-focus, .ui-focus{
-moz-box-shadow:0 0 12px #573b34 !important;
-webkit-box-shadow:0 0 12px #573b34 !important;
box-shadow:0 0 12px #573b34 !important;
}
#name, #textarea{
	background:#ffffff;
}


/*↓共通でいけるCSS
----------------------------------------*/
/*header(共通CSS)
--------------------*/
/*header*/
p,h2,ul{
	margin:0;
}
li{
	list-style:none;
}

.ui-body-f #f-left{
	float:left !important;
	margin:0 3px 0 0 !important;
	
}

.clear_both{
	clear:both;
}
.ui-body-f .ui-header{
	background:#b6a37f url("img/BG_002_img.png");
	/*-webkit-background-size:100% 100px;*/
	border:none;
	/*position:relative;
	width:100%;
	height:87px;
	min-height:87px;
	z-index:1;*/
	/*-webkit-background-size:100% 100px;
	background-size:100% 100px;
	position:relative;
	height:100px;z-index:1*/
	
}

/*headerのh2*/
.ui-body-f .ui-header h2{
	text-align:center;
	text-indent:-9999px;
	background:url("img/top_title.png") no-repeat;
	width:287px;
	height:87px;
	min-height:87px;
	color:#ffffff;
	font-weight:nomal;
	padding:0;
	/*font-size:18px;*/
	margin:0px auto;
}

/*headerのp*/
.ui-body-f .ui-header p{
	font-size:14px;
	line-height:14px;
	color:#322522;
	text-shadow:0 1px 2px #ccc49a;
	/*margin:0 15px;*/
}

/*content(headerとfooterの間/共通CSS)
--------------------*/
.ui-body-f .ui-content{
	position:relative;
	margin:-20px 0 0 0;
	z-index:2;
}
.ui-body-f .ui-content h2{
	font-size:24px;
	font-weight:bold;
	text-shadow:0 1px 2px #ccc49a;
	color:#322522;
	margin:14px 0 4px 0;
}
.ui-body-f .ui-content p{
	font-size:12px;
}

/*ツィート_いいねボタン*/
.snsb {
	overflow: hidden;
	padding:0 !important;
	margin:3px 15px 0; !important;
	text-align:right !important;
}
.snsb li {
	float: left;
	/*margin-right: 2px;*/
	margin: 0 !important;
}
.snsb iframe {
	text-align:right;
	font-size:12px !important;
	width:110px !important;
	height:20px !important;
	margin: 0 !important;
}

/*↓index.htmlのみにかけるCSS
----------------------------------------*/
/*headerのh1*/
#index .ui-header h1{
	text-align:center;
	text-indent:-9999px;
	background:url("img/BG_001_ring.png");
	width:100%;
	height:30px;
	min-height:30px;
	padding:0;
	margin:0 auto;
}
/*category(画像が６つならんでるところ)
--------------------*/
.ui-body-f .ui-content .category{
	clear:both;
	text-align:center;
	margin:0 auto;
}
.ui-body-f .ui-content .category li{
	margin:5px 5px;
}
.ui-body-f .ui-content .category img{
	width:80px;
	height:80px;
}
.ui-body-f .ui-content .category a{
	position:relative;
	display:inline-block;
	margin:0px 2px 5px;
	background:#322522;
	width:82px;
	float:left;
	/*↓画像の上に5px余白をあけて、NEWの部分を表示できるようにする*/
	padding:3px;
	text-decoration:none;
}
.ui-body-f .ui-content .category a:hover{
	background:#573b34;
}
.ui-body-f .ui-content .category a:active{
	background:#573b34;
}

div,
dl,dt,dt,dd,h3,p,img{
	margin:0;
	padding:0;
}

.acordion{	
	padding:10px 0 0 0;
}
dt{
background: url(img/icon_close_nomal.png) no-repeat #322522;
color:#ffffff;
padding:8px 0 0;
height:35px;
border-top:1px #e5cfa2 solid;
border-left:1px #e5cfa2 solid;
border-right:1px #e5cfa2 solid;
}

h3{
padding:0 0 0 38px;
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
	font-weight:nomal;
	font-size:20px;
}
dt:hover{
	background: url(img/icon_close_nomal.png) no-repeat #573b34;
}
dt.open{
	background: url(img/icon_open_nomal.png) no-repeat #573b34;
	color:#ffffff;
	padding:8px 0 0;
	height:35px;

}

/*1段目の上部、角丸部分指定*/
#ac_001{
	border-radius:8px 8px 0 0;
}

#ac_004{
	border-radius:0 0 8px 8px;
	border-bottom:1px #e5cfa2 solid;
}
.ctg{
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
}

/*アコーディオン_中身の部分
--------------------------*/
dd p{
	color:#665400;
	font-size:12px;
	overflow: hidden !important;
	padding:3px 10px !important;
}
/*4段目最後の行、下部は角丸に*/
#form_space{
	border-bottom:1px solid #ccc49a;
	border-radius:0 0 8px 8px;
}
.ui-body-f dd{
	padding:5px 0;
	background:#edf3e4;
	border-left:1px solid #ccc49a;
	border-right:1px solid #ccc49a;	
	web-kit-shadow:0 0 10px #c7ad77 inset;
	/*内側にshadow、insetで淡いふちに*/
	box-shadow:0 0 10px #c7ad77 inset;
}

.ui-body-f dd #facebook{
	text-align:center !important;
}
#f_name{
	font-size:18px;
	color:#573b34;
	margin:10px 10px 0 0;
}
#tomimi{
	padding:3px 0 0 0;
	font-size:14px;
	color:#322522;
    text-shadow:1px 0 #edf3e4,0 1px #edf3e4,-1px 0 #edf3e4,0 -1px #edf3e4;
}
.tomimi_img{
	float:left;
	margin:0 3px 0 0;	
	}
.twtr-hd h3{
    text-shadow:1px 0 #edf3e4,0 1px #edf3e4,-1px 0 #edf3e4,0 -1px #edf3e4;
}


/**/
.ac_submit{
	text-align:center;
}

/*アコーディオン_アイコンの部分
--------------------------*/
.ui-body-f .ui-collapsible .ui-icon{
	border:3px solid #e6edc5;
	background:#573b34 url("img/icon_open.png") no-repeat 1px 5px;
	width:15px;
	height:15px;
	border-radius:15px;
}
/*1段目のicon*/
.ui-body-f .ui-collapsible-contain:nth-of-type(1) .ui-btn-up-d{
	background:#573b34;
}
/*2段目のicon*/
/*.ui-btn-up-d＝通常時/jQMの”マウスイベントのスタイル定義”*/
.ui-body-f .ui-collapsible-contain:nth-of-type(2) .ui-btn-up-d{
	background:#573b34;
}
/*3段目のicon*/
.ui-body-f .ui-collapsible-contain:nth-of-type(3) .ui-btn-up-d{
	background:#573b34;
}
/*4段目のicon*/
.ui-body-f .ui-collapsible-contain:nth-of-type(4) .ui-btn-up-d{
	background:#573b34;
}
/*4段目のパネルが開いているとき*/
.ui-body-f .ui-collapsible-contain:nth-of-type(4) #ac_004:not(.ui-collapsible-heading-collapsed){
	border-radius:0 0 0 0;
	border-bottom:1px #e5cfa2 solid;
}
/*.ui-btn-hover-f＝ホバー時/jQMの"マウスイベントのスタイル定義"*/
.ui-body-f .ui-collapsible .ui-btn-hover-f .ui-icon{
	background-color:#573b34;
}
/*ﾌｫｰﾑ部分*/
form{
	margin:0 8px;
}
.ui-btn-text{
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
}

/*フッター部分
----------------------------------------*/
.ui-body-f .ui-footer small{
	font-size:10px;
	color:#ffffff;
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
	text-align:center;
	padding:10px 0;
	display:block;
}

.ui-body-f .ui-footer small a{
	font-size:10px;
	text-decoration:none;
}

/*↓detail.htmlのみにかけるCSS
----------------------------------------*/
/*headerのh1*/
#list .ui-header h1{
	text-align:center;
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
	background:#322522;
	color:#ffffff;
	height:30px;
	min-height:30px;
	padding:10px 0 0 0;
	margin:0 auto;
}
/*img_list(画像部分とか)
--------------------*/
#list .ui-content{
	margin:2px 0 0 0;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
	min-height: 60px;
	padding-left: 90px;
}
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li{
	padding-right:7px;
}

.ui-body-f .title_text{
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
}
.ui-body-f .data_text{
	text-align:right !important;
	color:#cccccc;
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
	font-size:12px;
}
/*img(イラスト詳細部分)
--------------------*/
.ui-body-f.modal{
	background:#322522;
	color:#ffffff;
}
.ui-body-f.modal h1{
	text-align:center;
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
	font-size:18px;
	background:#322522;
	color:#ffffff;
	height:20px;
	min-height:20px;
	padding:10px 0 0 0;
	margin:0 auto;
}
.ui-body-f.modal li{
	/*width:100%;*/
	/*height:300px;*/
}
.ui-body-f.modal article#illust_big a{
	display:block;
	text-decoration:none;
	width:100%;
	/*height:300px;*/
	text-align:center;
	margin:0 auto;
}
.ui-body-f.modal a img{
	margin:14px 0 0 0;
	width:300px;
}
.comment{
	text-align:left !important;
	text-indent:14px;
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
	line-height:14px;
	margin:8px 0;
	font-size:14px;
}
.back_text{
	font-size:12px;
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
	text-align:center;
	margin:10px 0;
}
/**/
.navi{
	font-size:12px;
	overflow:visible;
    text-shadow:1px 0 #322522,0 1px #322522,-1px 0 #322522,0 -1px #322522;
}