@charset "utf-8"; 

/*base.css*/
/* hide hack from Mac-IE5 \*/
/* html .mybuggyelement { height: 1%; }/* end hiding */


/*【1】初期設定*/
/*1-0 要素初期化*/
body {
	margin:0;
	padding:0;
	text-align: center;
	background: #FFFFFF url(../img/bg.gif) repeat-y top center;
}
p , ul , ol , li , dl , dt , dd , address , strong , em ,
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
p {
	margin:0 0 0.5em;
}
li {list-style-type: none;}
strong { font-weight:bold;}
em { font-style:italic;}
a {}
a:link {
	color: #685739;
	text-decoration: underline;
}
a:visited {
	color: #3D3321;
	text-decoration: underline;
}
a:hover , a:active {
	color: #685739;
	text-decoration: none;
}
img {
	border:none;
	vertical-align: bottom;
}
hr {
	display:none;
}

/* for IE6,7 */
*:first-child+html body { font-size: 90%; }
* html body { font-size: 90%; }

/*1-1 汎用セレクタ*/
/*クリア*/
.clear {
  clear:both;
  margin:0px;
  padding:0px;
  line-height:0;
  font-size:0;
}

/*ライン <div class="line-dot"><hr></div> */
.line-dot {
	background: url(../img/bg/bg_dot.gif) repeat-x 0 50%;
	width: 100%;
	height:10px;
	border: none;
}

/*カラー*/
.black {color:#000;}
.blue {color:#3333ff;}
.orange	{color:#685739;}
.red {color	:#f00;}

/*フォントサイズ*/
.font9	{font-size: 9px;}
.font10	{font-size: 10px;}
.font12	{font-size: 12px;}
.font14	{font-size: 14px;}
.font16	{font-size: 16px;}
.font18	{font-size: 18px;}
.font24	{font-size: 24px;}
.font36	{font-size: 36px;}
.xsmall { font-size: 75%;}
.small { font-size: 86%;}
.large { font-size: 116.7%;}
.xlarge { font-size: 133.4%;}

/*文字揃え*/
.textright { text-align:right;}
.textleft { text-align:left;}
.textcenter { text-align:center;}

/*スペース
使用方法：
	<div class="space10"><hr></div>
*/
.space1 { height:1px;}
.space2 { height:2px;}
.space3 { height:3px;}
.space4 { height:4px;}
.space5 { height:5px;}
.space6 { height:6px;}
.space7 { height:7px;}
.space8 { height:8px;}
.space9 { height:9px;}
.space10 { height:10px;}
.space12 { height:12px;}
.space14 { height:14px;}
.space15 { height:15px;}
.space16 { height:16px;}
.space18 { height:18px;}
.space20 { height:20px;}
.space22 { height:22px;}
.space24 { height:24px;}
.space25 { height:25px;}
.space26 { height:26px;}
.space30 { height:30px;}

/*1-2　フォーム関連*/
form {
	margin:0;
	padding:0;
}
input.button	{
	border-top: 3px double #ccc;
	border-right: 3px double #666;
	border-bottom: 3px double #666;
	border-left: 3px double #ccc;
	color: #333;
	background :#E2E2E2 url(../img/bg_btn.jpg) repeat-x;/*フォームボタン用（背景）*/
	font-family: "verdana", "helvetica", "osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	padding: 3px;
}
input.text		{
	width : 105px;
	margin : 0px;
	padding : 4px;
	background : #F5F4F1 repeat-x;
}
select 			{
	border-top : 3px double #ccc;
	border-right : 3px double #666;
	border-bottom : 3px double #666;
	border-left : 3px double #ccc;
	color : #000;
	background : #F5F4F1 repeat-x;
	font-size : 12px;
	font-weight : normal;
	margin : 0px 3px 0px 3px;
	padding : 2px;
}
input.radio		{
	margin : 3px 0px 0px 0px;
	padding : 1px 1px 0px 1px;	
}


/*1-3 CSSハック*/
/*clearfix*/
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/*【2】画面レイアウト*/
/*2-1 全体*/
#container {
	margin: 0 auto;
	text-align: left;
	width: 868px;
	font-size: 75%;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	overflow: hidden;
	background: #FFFFFF;
}

/*2-2 ヘッダ*/
#top {
	padding:0px;
	width: 868px;
	height: 130px;
	margin: 0px;
	background:#FFD93B url(../img/head.gif);
}
/*トップページ以外#h1*/
#top_right{
	float:right;
	width:320px;
}
#top_right .h1{
	color:#828282;
	font-size:14px;
	line-height:20px;
	padding-top:4px;
}
#top_right .h1 span{
	color:#5E8723;
	font-size:12px;
}
/*メニュー*/
#top_center{
	float:right;
	width:330px;
}
#top_center ul{
	margin-top:12px;
}
#top_center li{
	display:inline;
}
#top_center li img{
	margin-left:15px;
}
/*ロゴ*/
#top_left{
	float:right;
	width:200px;
}
#top_left img{
	margin-top:12px;
}

/*2-3 本文*/
#contents {
	width: 868px;
	text-align: left;
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

/*2-5 中央*/
.main {
	float: right;
	width: 625px;
	display: inline;/*IE+float 横マージン膨張対策*/
}
/*2-5 中央トップページのみ*/
.main_top {
	float: left;
	width: 600px;
	display: inline;
	padding: 0 10px 5px 0;
}

/*2-6 中央(３カラム）*/
.wrap .main {
	width: 625px;
	float: left;
	margin:0;
}

/*2-7 サイド*/
.side {}

/*2-8 右*/
#right {
	width: 240px;
	float: left;
	display: inline;
	background-color: #fff;
	background-repeat: repeat-y;
	margin: 10px 0 0 0;
}

/*2-10 フッタ*/
#foot {
	clear: both;
	width: 868px;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	float: left;
	background: #FFFFFF;
}

/*【3】ページ全体内*/
/*3-0 共通*/

/*3-1 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}

/*3-2 アンカーナビ*/
.jump {
	text-align:center;
}

/*3-3 バナー枠*/
.bnr {	text-align:center; margin:0;}
.bnr p {	text-align:center; margin:0;}
.bnr a {}
.bnr a img { margin:0 auto; border:none;}

/*【4】ヘッダ内*/
/*4-0 共通*/
#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {
	width: 225px;
	float: left;
	display: inline;/*IE6+float 横マージン膨張対策*/
	margin: 0 0 0 5px;
}
#siteid p {
	display:inline;
}


/*4-3 ログインメニュー*/
#login {
	width: 133px;
	float: left;
	padding: 5px 0 0;
	font-size:1.2em;
	text-align: center;
}

/*4-4 グローバルナビ*/
#gnavi {
	clear: both;
	background:url(../img/bg/bg_gnavi.jpg) no-repeat 0 0;
}
#gnavi ul {
	background:url(../img/bg/bg_gnavi2.jpg) no-repeat 0 100%;
	padding:0 0 4px 15px;
}
#gnavi li {
	float:left;
	display:inline;
	margin:0 15px 0 0;
	font-size: 1.4em;
	font-weight:bold;
}
#gnavi li a {
	display:block;
	padding: 5px 0 5px;
}
#gnavi li a:link ,
#gnavi li a:visited {
	color: #D11577;
	text-decoration:none;
}
#gnavi li a:hover ,
#gnavi li a:active {
	color: #EF97C3;
	text-decoration:none;
	background:url(../img/bg/bg_gnavi_on.jpg) repeat-x 0 100%;
}

/*4-5 サブナビ*/
#snavi {}

/*【5】本文内*/
/*5-0 共通*/

/*5-1 パン屑*/
#pan {
	clear: both;
	width: 854px;
	margin: 0 0 0 2px;
	padding:5px;
	font-size: 1.2em;
	background:#FAFAFA;
}
#pan p ,
#pan h1 ,
#pan h2 {
	display:inline;
	margin:0;
	white-space:normal;
}
#pan a {
	background:url(../img/bg_pan.gif) no-repeat 100% 50%;
	padding:0 20px 0 0;
}
/*5-2 ボックス*/
.box {
	font-size: 1.2em;
	margin:0 0 10px;
	background-color: #F9F9F9;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1px;
}
/*clearfix(S)*/
.box {
	zoom:1;/*for IE 5.5-7*/
}
.box:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*clearfix(E)*/


/* 5-3 タイトル*/
.title {
	padding:0px 0px 0px 20px;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 21px;
	color:#666666;
}
/* 5-4 内容*/
.content {
	padding: 5px 5px 0 0;
	background:#FFFFFF;
}
/* 5-5 内容の部品*/
.unit {}
/* 5-6 コメント*/
.comment {
	margin: 0 0 5px;
}

.comment2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.comment_s		{
	font-size				: 10px;
	line-height				: 120%;
	padding					: 2px 0px 3px 0px;
	color					: #ff0000;
}

.comment_s_bl		{
	font-size				: 10px;
	line-height				: 120%;
	padding					: 2px 0px 3px 0px;
	color					: #000000;
}

/* 5-7 詳細リンク*/
.more {
	text-align:right;
	margin: 0;
	font-size:12px;
}
.more a:link ,
.more a:visited {
	text-decoration:underline;
}
.more a:hover ,
.more a:active {
	text-decoration:none;
}
/* 5-8 切替ボタン*/
.sw {}
/* 5-9 ボタンエリア*/
.bt {
	text-align: center;
}
/* 5-10 サムネイル枠*/
.photoframe {}
.photoframe ul {
	padding:0 0 0 2px;
}
.photoframe li {
	float:left;
	padding:0 0 5px;
}
.photoframe li a {
	border:none;
}
.photoframe li a:link {	color:#00f;}
.photoframe li a:visited { color:#90f;}
.photoframe li a:hover ,
.photoframe li a:active {	color:#39f;}
.photoframe li img {
	display:block;
	border:1px solid #ccc;
}
.photoframe li span {
	display:block;
	height:1.2em;
	line-height:1.2;
	overflow:hidden;
	text-align: center;
	font-size: 10px;
}

/*【6】中央（メイン）内*/
/*6-0 共通*/
.main a {}
.main a:link {}
.main a:visited {}
.main a:hover , .main a:active {}

/*6-2 中央（メイン）ボックス*/
.main .box {}
/* 6-3 中央（メイン）タイトル*/
.main .title {
	background:url(../img/enpty2.gif) no-repeat;
}
/* 6-4 中央（メイン）内容*/
.main .content {}
/* 6-5 中央（メイン）内容の部品*/
.main .unit {}
/* 6-6 中央（メイン）コメント*/
.main .comment {}
/* 6-7 中央（メイン）詳細リンク*/
.main .more {}
/* 6-8 中央（メイン）切替ボタン*/
.main .sw {}
/* 6-9 中央（メイン）ボタンエリア*/
.main .bt {
	margin: 5px 0 0;
}

/*6-22 中央（メイン）ボックス(3カラム)*/
.wrap .main .box {}
/* 6-23 中央（メイン）タイトル(3カラム)*/
.wrap .main .title {
	background:url(../img/bg_title_center.jpg) no-repeat 0 0;
}
/* 6-24 中央（メイン）内容(3カラム)*/
.wrap .main .content {
}
/* 6-25 中央（メイン）内容の部品(3カラム)*/
.wrap .main .unit {}
/* 6-26 中央（メイン）コメント(3カラム)*/
.wrap .main .comment {}
/* 6-27 中央（メイン）詳細リンク(3カラム)*/
.wrap .main .more {}
/* 6-28 中央（メイン）切替ボタン(3カラム)*/
.wrap .main .sw {}
/* 6-29 中央（メイン）ボタンエリア(3カラム)*/
.wrap .main .bt {}


/*【7】サイド内*/
/*7-0 共通*/
.side a {}
.side a:link {}
.side a:visited {}
.side a:hover , .side a:active {}

/*7-2 サイドボックス*/
.side .box {}
/* 7-3 サイドタイトル*/
.side .title {
}
/* 7-4 サイド内容*/
.side .content {}
/* 7-5 サイド内容の部品*/
.side .unit {}
/* 7-6 サイドコメント*/
.side .comment {}
/* 7-7 サイド詳細リンク*/
.side .more {}
/* 7-8 サイド切替ボタン*/
.side .sw {}
/* 7-9 サイドボタンエリア*/
.side .bt {}

/*7-22 ボックス(左)*/
#left .box {}
/* 7-23 タイトル(左)*/
#left .title {
	background:url(../img/bg_title_left.jpg) no-repeat 0 0;
}
/* 7-24 内容(左)*/
#left .content {
}
/* 7-25 内容の部品(左)*/
#left .unit {}
/* 7-26 コメント(左)*/
#left .comment {}
/* 7-27 詳細リンク(左)*/
#left .more {}
/* 7-28 切替ボタン(左)*/
#left .sw {}
/* 7-29 ボタンエリア(左)*/
#left .bt {}

/*7-42 ボックス(右)*/
#right .box {}
/* 7-43 タイトル(右)*/
#right .title {
	background:url(../img/bg_title_right.jpg) no-repeat 0 0;
}
/* 7-44 内容(右)*/
#right .content {
}
/* 7-45 内容の部品(右)*/
#right .unit {}
/* 7-46 コメント(右)*/
#right .comment {}
/* 7-47 詳細リンク(右)*/
#right .more {}
/* 7-48 切替ボタン(右)*/
#right .sw {}
/* 7-49 ボタンエリア(右)*/
#right .bt {}

/*7-60 サイドメニュー*/
.side #smenu {}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
#fmenu {
	font-size: 1.2em;
	margin:0 0 5px;
}
/*8-2 コピーライト*/
#copy {
	font-style: normal;
	font-size: 1.2em;
	border-top:2px solid #ffa800;
	padding:6px 0 4px;
	margin:0 1px;
	color: #666666;
}



/*【9】CSS読み込み（オプション）*/
/* 9-1 MacIE用CSS （MacIE用パスフィルター）*/
  /*¥*//*/
  @import "macie.css";
  /**/

/*【10】角丸ボックス*/
/*w868 角丸ボックス*/
.w868_top{
	height:20px;
	font-size:0px;
	line-height:0px;
}

.w868_repeat2{
	background:#FFFFFF;
	width: 866px;
}

.w868_bottom{
	background:url(../img/bg_w868_bottom.gif) no-repeat;
	height:6px;
	font-size:0px;
	line-height:0px;
}
/*w625 角丸ボックス*/
.w628_top{
	background:url(../img/bg_w628_top.gif) no-repeat;
	height:4px;
	font-size:0px;
	line-height:0px;
}
.w628_repeat{
	width:594px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
.w628_bottom{
	background:url(../img/bg_w628_bottom.gif) no-repeat;
	height:4px;
	font-size:0px;
	line-height:0px;
}
/*w625 中身*/
.w628_box{
	padding:0 0 0 0;
}
.w628_box h2{
	padding-bottom:12px;
}

/*w625 角丸ボックス横に線なし*/
.w628_repeat2{
	background:url(../img/bg_w628_repeat.gif) repeat-y;
}
.w628_box2{
	padding:10px;
}
.w628_box2 h2{
	padding-bottom:5px;
}

/*w230 角丸ボックス*/
.w230_top{
	background:url(../img/bg_w230_top.gif) no-repeat;
	height:4px;
	font-size:0px;
	line-height:0px;
}
.w230_repeat{
	background:url(../img/bg_w230_repeat.gif) repeat-y;
	margin: 0px;
}
.w230_bottom{
	background:url(../img/bg_w230_bottom.gif) no-repeat;
	height:4px;
	font-size:0px;
	line-height:0px;
}
/*w230 中身*/
.w230_box{
	padding:0px;
	background-color: #FFFFFF;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 5px;
}

.w230_box h2{
	padding-bottom:5px;
}


/*追加分(作成css)*/
.mainSwf {
	background-color: #DDD;
}

#headBox {
	background-image:  url(img/h_bg.gif);
	background-repeat: no-repeat;
}
#headBox .lBox {
	text-align: left;
	float: left;
}
#headBox .rBox {
	text-align: right;
	float: right;
}

/*ログイン*/
#top2_left{
	float:left;
	width:868px;
	margin: 0;
}
#flash_area{
	margin-bottom:0px;
	margin-right:0px;
}

#top2_right{
	float:right;
	width:200px;
	height:187px;
	background:url(../img/login.gif) no-repeat;
	position:relative;
	font-size:12px;
}

#top2_right_top{
	position:absolute;
	margin:15px 0 0 18px;
	width: 182px;
	top: 5px;
	height: 157px;
	left: -2px;
}
#top2_right_top dt{
	padding-bottom:3px;
}
#top2_right_top dd{
	padding-bottom:3px;
}
#top2_right_top a{
	line-height:20px;
}
#top2_right_top p{
	text-align:center;
}

#ridar_blog{
    margin:0 10px 0 20px;
}

#new_blog_bottom_left2{
	margin:0px 0 15px 20px;
}

#new_blog_bottom_left3{
	border-right:1px solid #ff9900;
	border-left:1px solid #ff9900;
	border-bottom:1px solid #ff9900;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-top: 0px;
}

.contentArea {
	text-align: left;
	width: 305px;
	margin-right: auto;
	margin-left: 8px;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 15px;
}

.contentBox {
	text-align: center;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 312px;
}

.contentBox2 {
	text-align: center;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	width: 1px;
}

#header-menu	{/* ヘッダーメニュー *//* 背景表示対策 */
	overflow:hidden;/* 背景表示対策 */
	width:868px;
	height:123px;
	margin:0px;
	padding:0px;
	background:url(../img/head.gif) no-repeat;
}
#header-menu ul	{
	margin:0;
	padding:0;
	width:868px;
	height:123px;
	list-style:none;
}
#header-menu ul li {
	margin:0;
	padding:0;
	height:10px;
	text-indent:-9999px;
	float:left;
}
#header-menu ul li a {
	display:block;
	height:10px;
	text-decoration:none;
}
#menu-top a{
    margin-top:98px;
	margin-left:510px;
	width:50px;
}

#menu-area a{
    margin-top:98px;
	width:60px;
}

#menu-shop a{
    margin-top:98px;
	width:95px;
}

#menu-tenkomori a{
    margin-top:98px;
	width:82px;
}

#menu-help a{
    margin-top:98px;
	width:68px;
}