/*Vup対応済み [no-28] */ 
/***********************************************/
/* 
FileName: main.css 2013-09-10
body:900px　leftnabi:210px　contents:670px

＜該当ブラウザに適応させるハック＞

●IE6に適応　* html

●IE7に適応　*:first-child+html

●IE8に適応　html:not(:target) 

●Opera(9.6以降)に適応　body:last-child

●Firefoxに適応　html:not([lang*=""])

●Safariに適応　html:not(:only-child:only-child)

●IE6で、マージンが2倍になってしまうバグは、
「display:inline;」で解決します。

●ナビの枠色は　#9EB6DB　を変更する

●ナビのオンマウス色は　#f6f6f6　を変更する

●ナビのダウンイメージ色は　#efefef　を変更する

●文字色は　#333333　を変更する

●背景画像の保存先は、/systemcommon/　を変更する

/***********************************************/

/*------------------------------------------
Background Area
------------------------------------------*/
#cover li {
	color:#333333 !important;
	font-weight:bold;
	text-align:center;
	}
	
#cover li {
	color: #ffffff !important;
    }

.bg-gray{
	float: left;
	text-align: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(/skinimg/bg-gray.jpg) ;
	clear: both;
	}

.bg-blue{
	float: left;
	text-align: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(/skinimg/bg-blue.jpg) ;
	clear: both;
	}

.bg-green{
	float: left;
	text-align: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(/skinimg/bg-green.jpg) ;
	clear: both;
	}

.bg-orange{
	float: left;
	text-align: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(/skinimg/bg-orange.jpg) ;
	clear: both;
	}

.bg-pink{
	float: left;
	text-align: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(/skinimg/bg-pink.jpg) ;
	clear: both;
	}

/*------------------------------------------
オリジナル
------------------------------------------*/

.subimg{
	float:left;
	width:100%;
	background-color:#003586;
	}
	
.subimg img{
	margin:0 auto;
	text-align:center;
	}

#mainimgArea{
	float: left;
	text-align: left;
	width: 100%;
	}

#mainimgArea iframe{
	width: 100%;
	height: 400px;
	}

#subimgtop{
	float:left;
	width:100%;
	background-color:#ffffff;
	}
	
#subimgtop img{
	margin:0 auto;
	text-align:center;
	}


#subimg{
	float:left;
	width:100%;
	background-color:#003586;
	}
	
#subimg img{
	margin:0 auto;
	text-align:center;
	}

.subimgbox{
	margin:0 auto;
	text-align:center;
	width: 1260px;
	padding-top: 20px;
	}

#oshirase{
	margin:0 auto;
	text-align:center;
	width:960px;
	}

#oshirasebox{
	float: left;
	text-align:center;
	width:920px;
	margin-top:20px;
    border: 1px solid #ff0000;
	padding:20px;
    color: #ff0000;
	}

#cover-01{
	float: left;
	text-align: left;
	width: 100%;
	height: 455px;
	background: url(/skinimg/cover01back.jpg) center top no-repeat;
	background-size: 100% auto;
	}

#cover-03{
	float: left;
	text-align: left;
	width: 100%;
	height: 455px;
	background: url(/skinimg/cover03back.jpg) center top no-repeat;
	background-size: 100% auto;
	}

#cover-04{
	float: left;
	text-align: left;
	width: 100%;
	height: 455px;
	background: url(/skinimg/cover04back.jpg) center top no-repeat;
	background-size: 100% auto;
	}

#cover-05{
	float: left;
	text-align: left;
	width: 100%;
	height: 455px;
	background: url(/skinimg/cover05back.jpg) center top no-repeat;
	background-size: 100% auto;
	}

#covertext{
	float: left;
	text-align: left;
	width: 100%;
	background-color: #E60012;
	}

#covertext img{
	margin: 0 auto;
	text-align: center;
	}


.testbox{
	float: left;
	text-align: left;
	width: 100%;
	position: relative;
	}

.dgbox{
	position: absolute;
	top: 0px;
	}

.tta{
	margin: 0 auto;
	text-align: center;
	width: 1260px;
	}


/*------------------------------------------
タイトル画像
------------------------------------------ */

#page_title_catchcopy{
	float: left;
	text-align: center;
	width: 100%;
	padding: 50px 20px;
	background: url(/skinimg/pagetitleback.jpg);
	font-family:'ヒラギノ角ゴ W6 JIS2004';
	color: #ffffff;
	font-size:3.6rem;
	line-height : 160%;
	margin-top:30px;
	}

#page_title_imges{
	float: left;
	width: 100%;
	margin-top:30px;
	}

#page_title_imges img{
	margin: 0 auto;
	text-align: center;
	max-width:960px;
	height:auto;
	}
/*------------------------------------------
Ver1.3追加
------------------------------------------*/

#iframebox{
	margin:0 auto;
	text-align:center;
	clear:both;
	width:935px;
	}

.newsbox{
	float: left;
	text-align: left;
	width:100%;
	}

.newsbox img{
	float:right;
	text-align:right;
	padding: 0px 0px 10px 10px;
	}

.newsbox br{
	clear: none;
	}

.newstitle{
	font-size : 1.4rem;
	color:#0000ff;
	font-weight:bold;
	}

.newsajst{
	float:left;
	text-align:left;
	width:100%;
	border-style:dotted;
	border-color:#cccccc;
	margin-bottom:10px;
	margin-top:10px;
	display:inline;
	}

/*------------------------------------------
パンくずリスト
----------------------------------------------- */

nav#breadcrumbs{
	text-align:left;
	margin-bottom:10px;
}

nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
}
nav#breadcrumbs ol li:before {
	content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
	content:"";
}

/*------------------------------------------
フォトギャラリー用
------------------------------------------ */

.gallerysns_button{
margin-top:20px;
}

.gallerysns_button_face{
}

.gallerysns_button_twitter{
}

.gallerysns_button_hatena{
}

.gallerysns_button_line{
}

/*------------------------------------------
新お問合せフォーム用
------------------------------------------*/

.forminquiry {
	margin: 0 auto;
	text-align: center;
	clear:both;
	width:700px;
	}

.forminquiryline {
	float: left;
	text-align: left;
	width:700px;
	}

/************************************************/

.checktable{
	float:left;
	border: 3px solid #666666;
	line-height: 160%;
	border-collapse: collapse;
	width: 700px;
	margin-bottom:20px;
	}

.checktable td{
	padding: 5px;
	border: 1px solid #999999;
	vertical-align: top;
	background: #F9F7E6;
	}

.checktable .wh td{
	background: #F8FBFC;
	font-weight:bold;
	}

.checktable .wh-d td{
	background: #F8FBFC;
	font-weight:normal;
	}

.checktable th{
	background: url('/skinimg/about_bg.gif');
	padding: 5px;
	border: 1px solid #999999;
	vertical-align: top;
	text-align: center;
	font-weight:bold;
	}

.checktable th.cttop{
	background: url('/skinimg/about_bg02.gif');
	}


/*------------------------------------------
内部Blog
------------------------------------------*/

#one_maincolumn .blogNavi{
	float: left;
	text-align: left;
	padding:5px;
	width:200px;
	border:1px solid #cccccc;
	background-color:#f5f5f5;
	margin:0px 0px 10px 0px;
	display:inline;
	}

#one_maincolumn .blogNavi ul{
	list-style-type: none;
	float: left;
	text-align: left;
	padding-bottom:10px;
	}

#one_maincolumn .blogNavi li{
	list-style-type: none;
	float: left;
	text-align: left;
	padding:4px 0 0 20px;
	/***ナビアイコンを差し替える場合は下記画像ファイル***/
	background: url(/systemcommon/blog.gif) no-repeat;
	width:180px;
	}
	
#one_maincolumn .blogNavi a,a:link,a:visited{
	text-decoration: underline;
	color: #0000ff;
	margin: 0;
	padding: 0;
	}

#one_maincolumn .blogNavi a:hover{
	text-decoration: none;
	color: #dddddd;
	margin: 0;
	padding: 0;
	}

#one_maincolumn .blogNavi hr{
	float: left;
	text-align: left;
	border-top:dotted 1px #cccccc;
	border-style: dotted;
	border-color: #cccccc;
	margin:5px 0px;
	width: 198px;
	display:inline;
	}

/***ブログタイトル部分***/
	
#one_maincolumn .blogTitle{
	float: left;
	text-align: left;
	padding:12px 0px 12px 20px;
	margin-bottom:10px;
	color : #ffffff;
	width:680px;
	font-size: 130%;
	/***タイトル画像を差し替える場合は下記画像ファイル***/
	background: url(/skinimg/blogtitle.jpg) ;
	}
	
#one_maincolumn .blogTitle strong{
	color : #ffffff;
	font-weight:bold;
	}
	
#one_maincolumn .blogTitle a,a:link,a:visited{
	text-decoration: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}

#one_maincolumn .blogTitle a:hover{
	text-decoration: none;
	color: #dddddd;
	margin: 0;
	padding: 0;
	}

.calendar td{
	padding:0 5px 5px 5px;
}
.day{
	text-align:center;
}


#rightnabi .navi-b{
	float: left;
	text-align: left;
	width: 210px;
	color: #888888;
	border: 0px solid #0099D9;
	margin-bottom: 0px;
	display:inline;
	padding:0px 10px;
	}


#rightnabi .navi-b ul {
	list-style-type: none;
	}

#rightnabi .navi-b li {
	clear: both;
	}

/* icon-gray.gif
icon-pink.gif
icon-green.gif
icon-blue.gif
icon-orange.gif */

#rightnabi .navi-b .level1 a {
	display: block;
	border-bottom: 1px solid #0099D9;
	width: 187px;
	padding:11px 8px 9px 25px;
	background: url(/systemcommon/icon-gray.gif) no-repeat;
	text-decoration: none;
	color: #888888;
	font-size : 1.4rem;
	}

#rightnabi .navi-b .level1 a.onlink {
	width: 187px;
	background-color: #efefef;
	padding:11px 8px 9px 25px;
	}

#rightnabi .navi-b .level1 a:visited {
	width: 187px;
	text-decoration: none;
	padding:11px 8px 9px 25px;
	color: #888888;
	font-size : 1.4rem;
	}

#rightnabi .navi-b .level1 a:hover {
	background-color: #f6f6f6;
	}

#rightnabi .navi-b .naviimges img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

#rightnabi .navi-b .naviimges {
	float: left;
	text-align: left;
	clear: both;
	background:none;
	border-bottom: 1px solid #0099D9;
	margin: 0px;
	padding: 0px;
	width: 220px;
	}

#rightnabi .navi-b .naviimges a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

#rightnabi .navi-b .block{
	float: left;
	text-align: left;
	clear: both;
	width: 220px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #0099D9;
	display:inline;
	}

#rightnabi .navi-b .blocktxt{
	float: left;
	text-align: left;
	clear: both;
	width: 200px;
	padding: 10px;
	margin: 0px;
	border-bottom: 1px solid #0099D9;
	display:inline;
	}

#rightnabi .navi-b span.ptag {
	float: left;
	text-align: left;
	width: 200px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	display:inline;
	}

#rightnabi .navi-b .block img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

/*------------------------------------------
Access up area
------------------------------------------*/

#accessnavi {
	float: left;
	text-align: left;
	width: 220px;
	color: #888888;
	border-top: 0px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	display:inline;
	margin-bottom: 30px;
	}

#accessnavi .accessupnavi a {
	display: block;
	border-bottom: 1px solid #cccccc;
	width: 187px;
	padding:11px 8px 9px 25px;
	background: url(/systemcommon/icon-gray.gif) no-repeat;
	text-decoration: none;
	color: #888888;
	font-size : 1.4rem;
	}

#accessnavi .accessupnavi a:hover {
	background-color: #f8f8f8;
	padding:11px 8px 9px 25px;
	color: #888888;
	}

.pager {
	float: left;
	text-align: left;
	clear: both;
	width: 670px;
	margin-bottom: 10px;
	}

.accessup-Area {
	float: left;
	text-align: left;
	clear: both;
	width: 640px;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
	padding: 14px;
	background-color:#f8f8f8;
	}

/*------------------------------------------
Original style toppage
------------------------------------------*/

.toppageArea{
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	background: url() ;
	}

.toppagecolumn{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

.toppagecolumn ul{
	list-style-type: none;
	float: left;
	text-align: left;
	width: 960px;
	padding-bottom: 5px;
	}

.toppagecolumn li{
	list-style-type: none;
	float: left;
	text-align: left;
	}

/*------------------------------------------
Basics style
------------------------------------------*/

.left{
	float: left;
	text-align: left;
	}

.left img{
	float: left;
	text-align: left;
	}

.center{
	margin: 0 auto;
	text-align: center;
	}

.center img{
	margin: 0 auto;
	text-align: center;
	}

.right{
	float: right;
	text-align: right;
	}

.right img{
	float: right;
	text-align: right;
	}

.mb5{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 5px;
	}

.mb10{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
	}

.mb15{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 15px;
	}

.mb20{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 20px;
	}

.mt5{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 5px;
	}
	
.mt10{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 10px;
	}

.mt15{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 15px;
	}

.mt20{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 20px;
	}

.pt5{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 5px;
	}

.pt10{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 10px;
	}

.pt15{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 15px;
	}

.pt20{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 20px;
	}

.pb5{
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 5px;
	}

.pb10{
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 10px;
	}

.pb15{
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 15px;
	}

.pb20{
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	}

.ptb10{
	float: left;
	text-align: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	}

.tableline{
	width: 100%;
	float: left;
	text-align: left;
	}

.tableline td{
	padding: 6px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.tablenone{
	width: 100%;
	float: left;
	text-align: left;
	}

.tablenone td{
	padding: 6px;
	}

.rightbtn span{
	clear: both;
	width: 100%;
	}

.rightbtn a{
	float: right;
	text-align: right;
	}

.rightbtn img{
	float: right;
	text-align: right;
	}

/*------------------------------------------
HTML style
------------------------------------------*/

html{
	font-size:62.5%;
	overflow-x:hidden;
	overflow-y:scroll;
	width:100%;
	}

body{
	background:url(/skinimg/bg.jpg);
	background-color:#ffffff;
	width:100%;
	color:#333333;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku','MS UI Gothic', sans-serif;
	font-feature-settings:"palt";
	font-size : 1.4rem;
	font-weight:normal;
	letter-spacing:1px;
	line-break:strict;
	line-height:160%;
	max-width:100%;
	overflow:hidden;
	overflow-wrap:break-word;
	word-break:break-all;
	word-break:break-word;
	word-wrap:break-word;
	-webkit-text-size-adjust: 100%;
	}

td,div{
	font-size : 1.4rem;
	color : #333333;
	line-height : 160%;
	font-weight : normal;
	margin: 0px;
	padding: 0px;
	}

p{
	font-size : 1.4rem;
	color : #333333;
	line-height : 160%;
	font-weight : normal;
	}

h1{
	float: left;
	text-align:left;
	font-size : 1.4rem;
	color : #333333;
	font-weight : normal;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
	width: 960px;
	}

h2 {
	font-size : 1.4rem;
	color : #ff9933;
	font-weight : bold;
	padding-top: 5px;
	padding-bottom: 5px;
	}

h3,h4,h5,h6{
	font-size : 1.4rem;
	line-height : 160%;
	color : #e4e4e4;
	}

strong{
	color : #333333;
	font-weight : normal;
	text-decoration : none;
	}

ul{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	list-style-type: none;
	}

table,li{
	font-size : 1.4rem;
	color : #333333;
	margin: 0;
	padding: 0;
	line-height: 160%;
	border-collapse: collapse;
	}

th{
	font-weight: normal;
	text-align: center;
	}

a, a:link, a:visited{
	text-decoration: underline;
	}

a:hover{
	text-decoration: none;
	}

img{
	display: block;
	clear: both;
	border: 0;
	}

form{
	padding: 0px;
	margin: 0px;
	}

span{
	padding: 0px;
	margin: 0px;
	}

textarea{
	font-size : 1.4rem;
	line-height : 160%;
	}

br {
	display: block;
	clear: both;
	display:inline;
	}

select {
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku','MS UI Gothic';
	}

input {
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku','MS UI Gothic';
	}

hr{
	margin-top: 5px;
	margin-bottom: 10px;
	}
	
/*------------------------------------------
important uassist
------------------------------------------*/

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

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inline {
	display: inline !important;
	}

.mgn-rgt-0px {
	margin-right: 0 !important;
	}

.mgn-lef-0px {
	margin-left: 0 !important;
	}

/*------------------------------------------
Table style
------------------------------------------*/

.table670{
	width: 670px;
	float: left;
	text-align: left;
	}

.table670 td{
	padding: 6px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.table670none{
	width: 670px;
	float: left;
	text-align: left;
	}

.Class900none td{
	padding: 10px;
	}

.Class900 td{
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 5px;
	}

/*------------------------------------------
Common Style
------------------------------------------*/

.leftimg{
	float: left;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
	}

.clear{
	clear: both;
	display:inline;
	}

.sp20{
	float: left;
	text-align: left;
	clear: both;
	width: 670px;
	height: 20px;
	}

.pict{
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	border: dotted #9EB6DB;
	border-width: 0 0 2px 0;
	margin-bottom: 20px;
	line-height: 0px;
	}

.peagtop{
	float: left;
	text-align: left;
	clear: both;
	}

.peagtop p{
	float: right;
	text-align: right;
	width: 700px;
	margin-top: 20px;
	}

.snsbutton{
	float: left;
	text-align: left;
	width: 200px;
	}

.snsbutton ul{
	float: left;
	text-align: left;
	width: 200px;
	list-style:none;
	}

.snsbutton li{
	float: left;
	text-align: left;
	list-style:none;
	clear: both;
	padding: 3px;
	}

/*------------------------------------------
Main Frame
------------------------------------------*/

#WRAPPER{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

#backimgArea{
	float: left;
	text-align: left;
	width: 100%;
	min-width: 1260px;
	}

/*------------------------------------------
Header Area
------------------------------------------*/

#headerArea1{
	float: left;
	text-align: left;
	width: 100%;
	margin-bottom: 0px;
	background: #D3E5F6;
	}

#headertop1{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	background: url() ;
	background-repeat : no-repeat;
	}

#headerArea{
	float: left;
	text-align: left;
	width: 100%;
	margin-bottom: 0px;
	}

#headertop{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

#headertop-back{
	float: left;
	text-align: left;
	width: 960px;
	background: url(/skinimg/logo-back.jpg) ;
	background-repeat : no-repeat;
	}

#headertop-L{
	float: left;
	text-align: left;
	width: 270px;
	}

#headertop-R{
	float: left;
	text-align: left;
	width: 65px;
	}

ul#topnavi{
	float: right;
	text-align: right;
	width: 520px;
	padding-bottom: 10px;
	margin: 0px;
	}

ul#topnavi li{
	list-style-type: none;
	float: left;
	text-align: left;
	width: 120px;
	margin-left: 10px;
	display:inline;
	}

#logo_left{
	float: left;
	text-align: left;
	width: 345px;
	padding: 0px;
	margin: 65px 0px 0px 75px;
	}

#logo_center{
	float: left;
	text-align: left;
	width: 220px;
	padding: 0px;
	margin-right: 10px;
	padding-top: 10px;
	display:inline;
	}

#logo_center img{
	float: right;
	text-align: right;
	}

#logo_right{
	float: right;
	text-align: right;
	width: 480px;
	margin-top: 65px;
	}

#logo_right img{
	float: right;
	text-align: right;
	}

/*------------------------------------------
Main Imges
------------------------------------------*/

.imageareabox{
	float: left;
	text-align: left;
	width: 100%;
	clear: both;
	/*background: url(/skinimg/mainback.jpg) repeat-x;*/
	background: url(/skinimg/bodyback.jpg) no-repeat;
	-moz-background-size:100%;
	background-size:100%;
	padding-top: 30px;
	}


#imagearea{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	margin-bottom: 0px;
	}

.mainimge{
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 1260px;
	}

.mainimge img{
	
	}

#bx-pager a img{
	display:inline;
	}

#bx-main{
	padding-bottom:4px;
	}

#flashimge900 {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 900px;
	}

#flashimge730 {
	float: left;
	text-align: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 730px;
	}

#flashimge670 {
	float: left;
	text-align: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 670px;
	}

#flashimge200 {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 900px;
	}

#flashimge140 {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 900px;
	}

/*------------------------------------------
Global Navigation
------------------------------------------*/

#globalArea{
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	background: url(/skinimg/naviback.jpg) repeat-x;
	border-top: 1px solid #9EB6DB;
	border-bottom: 1px solid #9EB6DB;
	}

ul#globalNav{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

ul#globalNav li{
	list-style-type: none;
	float: left;
	text-align: left;
	border-bottom: 0px solid #A1CBED;
	}

#globalNav a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

.globalArea{
	float: left;
	text-align: left;
	clear: both;
	width: 100%;
	background: url(/skinimg/naviback.jpg) repeat-x;
	border-top: 1px solid #9EB6DB;
	border-bottom: 1px solid #9EB6DB;
	}

ul.globalNav{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

ul.globalNav li{
	list-style-type: none;
	float: left;
	text-align: left;
	border-bottom: 0px solid #A1CBED;
	}

.globalNav a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}


/*------------------------------------------
Main Area
ナビ側に色を付けたい場合は画像を作り、
mainbackAreaに貼る。
------------------------------------------*/

#mainArea{
	float:left;
	text-align: center;
	clear: both;
	width:100%;
	}

#mainbackArea{
	margin:0 auto;
	text-align: left;
	width: 960px;
	}

#one_maincolumn{
	margin:0 auto;
	text-align: left;
	width: 960px;
	padding: 30px 0;
	}

#one_maincolumn a,a:link,a:visited{
	text-decoration: underline;
	color: #0000ff;
	margin: 0;
	padding: 0;
	}

#one_maincolumn a:hover{
	text-decoration: none;
	color: #cccccc;
	margin: 0;
	padding: 0;
	}

#check{
	float: left;
	text-align: left;
	width: 430px;
	background: url(/skinimg/check.jpg) no-repeat;
	padding:20px 0px 0px 270px;
	}

#check ul{
	
	}

#check ul li{
	list-style-type: none;
	float: left;
	text-align: left;
	padding-right:10px;
	}

#check a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

.bottomZone {
	float: left;
	text-align: left;
	width: 700px;
	display: inline;
	margin-bottom: 20px;
    }

.bottomZone img{
	float: left;
	text-align: left;
	margin-bottom: 10px;
	}

/*------------------------------------------
Center Area
------------------------------------------*/

#two_left_column{
	float: left;
	text-align: left;
	width: 700px;
	margin-left: 28px;
	display:inline;
	}

#two_center_column{
	float: left;
	text-align: left;
	width: 914px;
	}

#two_right_column{
	float: left;
	text-align: left;
	width: 700px;
	margin-right: 28px;
	display:inline;
	}

/*------------------------------------------
Leftnabi Area
------------------------------------------*/

#leftnabi{
	float: left;
	text-align: left;
	width: 232px;
	}

#leftnabi .navi{
	float: left;
	text-align: left;
	width: 230px;
	color: #888888;
	margin-bottom: 0px;
	display:inline;
	}

#leftnabi .navi ul {
	list-style-type: none;
	}

#leftnabi .navi li {
	clear: both;
	}

/* icon-gray.gif
icon-pink.gif
icon-green.gif
icon-blue.gif
icon-orange.gif */

#leftnabi .navi .level1{
	float: left;
	}

#leftnabi .navi .level1 a {
	display: block;
	border-bottom: 1px solid #9EB6DB;
	width: 197px;
	padding:11px 8px 9px 25px;
	background: url(/systemcommon/icon-gray.gif) no-repeat;
	text-decoration: none;
	color: #888888;
	font-size : 1.4rem;
	}

#leftnabi .navi .level1 a.onlink {
	width: 197px;
	background-color: #efefef;
	padding:11px 8px 9px 25px;
	}

#leftnabi .navi .level1 a:visited {
	width: 197px;
	text-decoration: none;
	padding:11px 8px 9px 25px;
	color: #888888;
	font-size : 1.4rem;
	}

#leftnabi .navi .level1 a:hover {
	background-color: #f6f6f6;
	}

#leftnabi .navi .naviimges img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

#leftnabi .navi .naviimges {
	float: left;
	text-align: left;
	clear: both;
	background:none;
	margin-bottom: 5px;
	padding: 0px;
	width: 230px;
	}

#leftnabi .navi .naviimges a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

#leftnabi .navi .block{
	float: left;
	text-align: left;
	clear: both;
	width: 230px;
	padding: 0px;
	margin: 0px;
	display:inline;
	}

#leftnabi .navi .blocktxt{
	float: left;
	text-align: left;
	clear: both;
	width: 210px;
	padding: 10px;
	margin: 0px;
	display:inline;
	}

#leftnabi .navi span.ptag {
	float: left;
	text-align: left;
	width: 210px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	display:inline;
	}

#leftnabi .navi .block img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

/*------------------------------------------
Rightnabi Area
------------------------------------------*/

#rightnabi{
	float: right;
	text-align: left;
	width: 232px;
	margin: 0px;
	}

#rightnabi .navi{
	float: left;
	text-align: left;
	width: 230px;
	color: #888888;
	display:inline;
	}

#rightnabi .navi ul {
	list-style-type: none;
	}

#rightnabi .navi li {
	clear: both;
	}

/* icon-gray.gif
icon-pink.gif
icon-green.gif
icon-blue.gif
icon-orange.gif */

#rightnabi .navi .level1{
	float: left;
	}

#rightnabi .navi .level1 a {
	display: block;
	border-bottom: 1px solid #9EB6DB;
	width: 197px;
	padding:11px 8px 9px 25px;
	background: url(/systemcommon/icon-gray.gif) no-repeat;
	text-decoration: none;
	color: #888888;
	font-size : 1.4rem;
	}

#rightnabi .navi .level1 a.onlink {
	width: 197px;
	background-color: #efefef;
	padding:11px 8px 9px 25px;
	}

#rightnabi .navi .level1 a:visited {
	width: 197px;
	text-decoration: none;
	padding:11px 8px 9px 25px;
	color: #888888;
	font-size : 1.4rem;
	}

#rightnabi .navi .level1 a:hover {
	background-color: #f6f6f6;
	}

#rightnabi .navi .naviimges img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

#rightnabi .navi .naviimges {
	float: left;
	text-align: left;
	clear: both;
	background:none;
	margin-bottom: 5px;
	padding: 0px;
	width: 230px;
	}
	
#rightnabi .navi .naviimges a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	}

#rightnabi .navi .block{
	float: left;
	text-align: left;
	clear: both;
	width: 230px;
	padding: 0px;
	margin: 0px;
	display:inline;
	}

#rightnabi .navi .blocktxt{
	float: left;
	text-align: left;
	clear: both;
	width: 210px;
	padding: 10px;
	margin: 0px;
	display:inline;
	}

#rightnabi .navi span.ptag {
	float: left;
	text-align: left;
	width: 210px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	display:inline;
	}

#rightnabi .navi .block img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

/*------------------------------------------
What's New（サイドナビ側）
------------------------------------------*/

.sidenews{
	float: left;
	text-align: left;
	width: 230px;
	color: #333333;
	border: 1px solid #9EB6DB;
	margin-bottom: 10px;
	overflow-x: hidden;
	}

.sidenews img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	}

.sidenews .news_cnt{
	float: left;
	text-align: left;
	clear: both;
	width: 208px;
	padding: 5px 10px 0px 10px;
	}

.sidenews .news_l img{
	margin: 0 auto;
	text-align: center;
	clear: both;
	padding: 5px 10px 0px 10px;
	}

.sidenews .news_r{
	float: left;
	text-align: left;
	clear: both;
	width: 208px;
	padding: 5px 10px 0px 10px;
	}

.sidenews hr{
	float: left;
	text-align: left;
	border-style: dotted;
	border-color: #cccccc;
	margin-left: 10px;
	margin-top: 5px;
	width: 208px;
	display:inline;
	}

.sidenews .rss{
	float: left;
	text-align: left;
	clear: both;
	padding: 5px;
	}

.rss img{
	float: left;
	text-align: left;
	clear: both;
	margin-top: 10px;
	}

/*------------------------------------------
携帯QRコード
------------------------------------------*/

.sideqr {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 230px;
	background-color: #ffffff;
	border: 1px solid #9EB6DB;
	margin-bottom: 10px;
	}

.sideqr img{
	margin: 0 auto;
	text-align: center;
	}

/*------------------------------------------
What's New（メイン側）
※別のskinを利用する事。
------------------------------------------*/

.newsmainAria {
	float: left;
	text-align: left;
	clear: both;
	width: 698px;
	border: 1px solid #9EB6DB;
	margin-bottom: 20px;
	}

.newsmain {
	float: left;
	text-align: left;
	width: 668px;
	_width: 623px;
	padding: 15px;
	overflow-x: hidden;
	}

.newsmain hr{
	float: left;
	text-align: left;
	width: 668px;
	border-style: dotted;
	border-color: #cccccc;
	margin-bottom: 5px;
	margin-top: 5px;
	display:inline;
	}

.newswaku{
	float: left;
	text-align: left;
	clear: both;
	width: 658px;
	border: 1px solid #9EB6DB;
	padding: 20px;
	margin-bottom: 10px;
	}

.width600{
	float: left;
	text-align: left;
	width: 600px;
	margin-bottom: 5px;
	}

.width100{
	float: left;
	text-align: left;
	width: 100px;
	}

.width500{
	float: left;
	text-align: left;
	width: 500px;
	}

.mainrss{
	float: left;
	text-align: left;
	width: 100%;
	}

.mainrss-L{
	float: left;
	text-align: left;
	width: 50%;
	}

.mainrss-L img{
	float: left;
	text-align: left;
	}

.mainrss-R{
	float: right;
	text-align: right;
	width: 50%;
	}

.mainrss-R img{
	float: right;
	text-align: right;
	}

/*------------------------------------------
Footer Area
------------------------------------------*/

#bottomArea{
	float: left;
	text-align: left;
	width: 100%;
	clear: both;
	padding-top: 0px;
	border-top: 1px solid #C9CACA;
	background: #F4F4F4;
	}

#bottomArea img{
	margin: 0 auto;
	text-align: center;
	}

#footer{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	background: url() ;
	background-repeat : no-repeat;
	}

#footer p{
	margin: 0 auto;
	text-align: center;
	clear: both;
	font-size : 1.4rem;
	line-height : 160%;
	color: #333333;
	}

#footer a,a:link,a:visited{
	text-decoration: none;
	color: #333333;
	}

#footer a:hover{
	text-decoration: none;
	color: #cccccc;
	}


/*------------------------------------------
管理画面用
------------------------------------------*/

.Class215 td{
	padding: 5px;
	}

.Class940p10 td{
	padding: 5px;
	}

.Class940 td{
	border:5px solid #FFFFFF;
	border-collapse:collapse;
	}

.Class650none td{
	padding: 15px;
	}

.Class650 td{
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 5px;
	}

.Class940p10 a,a:link,a:visited{
	text-decoration: underline;
	color: #0000ff;
	margin: 0;
	padding: 0;
	}

.Class940p10 a:hover{
	text-decoration: none;
	color: #cccccc;
	margin: 0;
	padding: 0;
	}

/*------------------------------------------
お問合せフォーム用
------------------------------------------*/

.inquiry {
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 960px;
	}

.inquiryline {
	float: left;
	text-align: left;
	width: 958px;
	margin-bottom:30px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	}

.errorline {
	margin: 0 auto;
	text-align: center;
	width: 320px;
	color : #333333;
	font-size:1.5rem !important;
	background-color: #ffffff;
	}

.inquiryline img {
	margin-top:20px;
	}

.inquiryline td{
	margin-bottom:20px;
	}

.table700none{
	width:700px;
	float:left;
	text-align:left;
	display:inline;
	}

.table700none td{
	padding:0px;
	}


.table700{
	width: 700px;
	float: left;
	text-align: left;
	}

.table700 td{
	padding: 10px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.view{
	width: 700px;
	float: left;
	text-align: left;
	}

.view td{
	padding: 10px;
	}

#formArea{
	float: left;
	text-align: left;
	width: 100%;
	clear: both;
	}

#formtop{
	margin: 0 auto;
	text-align: center;
	width: 960px;
	}

#formbox{
	float: left;
	text-align: left;
	width: 800px;
	border: 1px solid #cccccc;
	padding: 40px 79px;
	border-width: 0px 1px 1px;
	}

.table800{
	width: 800px;
	float: left;
	text-align: left;
	}

.table800 td{
	padding: 10px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	}

.table800none{
	width: 800px;
	float: left;
	text-align: left;
	display:inline;
	}

/*------------------------------------------
diary用
------------------------------------------*/

.diary{
	width: 670px;
	float: left;
	text-align: left;
	}

.titleimg {
	float: left;
	text-align: left;
	width: 670px;
	margin-bottom: 10px;
	padding: 0px;
	}

.keyword {
	float: left;
	text-align: left;
	width: 668px;
	border:1px solid #cccccc;
	height: 45px;
	margin-bottom: 20px;
	background-color: #eeeeee;
	}

.keyword-L {
	float: left;
	text-align: left;
	width: 90px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

.keyword-R {
	float: left;
	text-align: left;
	width: 530px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

.mainlist {
	float: left;
	text-align: left;
	width: 668px;
	border:1px solid #cccccc;
	margin-bottom: 10px;
	}

.mainlist-L {
	float: left;
	text-align: left;
	width: 200px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

.mainlist-L img {
	margin: 0 auto;
	text-align: center;
	}

.mainlist-R {
	float: left;
	text-align: left;
	width: 428px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

.mainlist-R-sub {
	float: left;
	text-align: left;
	width: 428px;
	margin-bottom: 5px;
	padding: 0px;
	display:inline;
	}

.mainlist-R-sub-L {
	float: left;
	text-align: left;
	width: 368px;
	}

.mainlist-R-sub-R {
	float: left;
	text-align: left;
	width: 60px;
	}

.mainlist-R-mess {
	float: left;
	text-align: left;
	width: 428px;
	clear: both;
	margin-bottom: 5px;
	padding: 0px;
	display:inline;
	}

.mainlist-line {
	background-repeat: repeat-x;
	background: url() ;
	height: 10px;
	clear: both;
	margin-bottom: 5px;
	}

.PageNo {
	float: left;
	text-align: left;
	clear: both;
	width: 650px;
	margin: 10px;
	padding: 0px;
	display:inline;
	}

/***********************************************/

/*　EC-cube用　*/

/***********************************************/

/*------------------------------------------
EC-cube　Navi
------------------------------------------*/

.navi .level2 a {
	display: block;
	border-bottom: 1px solid #9EB6DB;
	width: 197px;
	padding:11px 8px 9px 25px;
	background: url(/systemcommon/icon-blue.gif) no-repeat;
	text-decoration: none;
	color: #333333;
	font-size : 1.4rem;
	font-weight : normal;
	}

.navi .level2 a.onlink {
	width: 197px;
	background-color: #efefef;
	padding:11px 8px 9px 25px;
	}

.navi .level2 a:visited {
	width: 197px;
	text-decoration: none;
	padding:11px 8px 9px 25px;
	color: #333333;
	font-size : 1.4rem;
	font-weight : normal;
	}

.navi .level2 a:hover {
	background-color: #f6f6f6;
	}

.navi .level3 a {
	display: block;
	border-bottom: 1px solid #9EB6DB;
	width: 160px;
	padding:7px 0px 7px 40px;
	background: url(/systemcommon/icon-blue.gif) no-repeat;
	text-decoration: none;
	color: #333333;
	font-size : 1.4rem;
	font-weight : normal;
	}

.navi .level3 a.onlink {
	width: 160px;
	background-color: #efefef;
	padding:7px 0px 7px 40px;
	}

.navi .level3 a:visited {
	width: 160px;
	text-decoration: none;
	padding:7px 0px 7px 40px;
	color: #333333;
	font-size : 1.4rem;
	font-weight : normal;
	}

.navi .level3 a:hover {
	background-color: #f6f6f6;
	}

/*------------------------------------------
EC-cube　どこでもカテゴリ
----------------------------------------------- */

.eccate200 {
	float: left;
	text-align: left;
	clear: both;
	width: 200px;
	}

/*------------------------------------------
EC-cube　どこでもお薦め
----------------------------------------------- */

.ecreco670 {
	float: left;
	text-align: left;
	clear: both;
	width: 670px;
	}

/*------------------------------------------
EC-cube　Universal Reset
----------------------------------------------- */

*{
	margin: 0;
	padding: 0;
	}

/*------------------------------------------
EC-cube　common
----------------------------------------------- */

.mgn-rgt-0px{
	margin-right: 0 !important;
	}

/*------------------------------------------
EC-cube　center
----------------------------------------------- */
.mBox{
	width: 440px;
	margin-bottom: 10px;
	}

.mBox img{
	margin-bottom: 10px;
	}

/*------------------------------------------
EC-cube　sidemenu
----------------------------------------------- */

.sBox{
	float: left;
	text-align: left;
	width: 200px;
	border: 1px solid #d0dfe1;
	margin-bottom: 10px;
	background-color: #ffffff;
	}

.sCont{
	padding: 10px;
	text-align: left;
	}

.sBox dl{
	margin: 0 5px 10px;
	}

.sBox dd{
	margin-bottom: 5px;
	}

.sBox a, .sBox a:link, .sBox a:visited{
	color: #e50000;
	text-decoration: underline;
	}

.sBox a:hover{
	text-decoration: none;
	}

.btn_sideLeft{
	clear: both;
	margin-bottom: 0;
	}

.btn_login{
	margin-left: 0px;
	}

.btn_logout{
	margin-left: 0px;
	}

.guidearea{
	float: left;
	text-align: left;
	width: 200px;
	margin-bottom: 10px;
	}

.guidearea p{
	float: left;
	text-align: left;
	}

ul#subNav{
	padding: 0px;
	float: left;
	width: 600px;
	}

ul#subNav li{
	list-style-type: none;
	float: left;
	margin-top: 9px;
	margin-right: 20px;
	display:inline;
	}

/*------------------------------------------
EC-cube　top news
----------------------------------------------- */

#newsBox{
	width: 170px;
	margin-bottom: 5px;
	text-align: left;
	margin-left: 13px;
	display:inline;
	}

#icoRss{
	position: absolute;
	top: 5px;
	left: 65px;
	}

.news{
	margin-top: 5px;
	font-size : 1.4rem;
	line-height: 160%;
	}

.news dt{
	font-size : 1.4rem;
	line-height: 160%;
	color: #9EB6DB;
	}

.newsDate{
	font-size : 1.4rem;
	line-height: 160%;
	color: #9EB6DB;
	}

.news a, .news a:link,
.news a:visited{
	color: #e50000;
	text-decoration: underline;
	}

.news a:hover{
	text-decoration: none;
	}

/*------------------------------------------
EC-cube　top recommend item 
----------------------------------------------- */

.rBox{
	float: left;
	text-align: left;
	width: 700px;
	}

.rBox h2 img{
	margin-bottom: 10px;
	}

.recoBox{
	float: left;
	text-align: left;
	width: 147px;
	border: 1px solid #cccccc;
	padding: 10px;
	margin-right: 8px;
	margin-bottom: 8px;
	display: inline;
	}

.recoImg img{
	float: left;
	text-align: left;
	margin-bottom: 5px;
	}

.recoName a, .reco a:link,
.recoName a:visited{
	font-size : 1.4rem;
	line-height: 160%;
	color: #333333;
	text-decoration: none;
	}

.recoName a:hover{
	font-size : 1.4rem;
	line-height: 160%;
	color: #CCCCCC;
	text-decoration: none;
	}

p.recoExp{
	margin-bottom: 5px;
	line-height: 160%;
	font-size : 1.4rem;
	width: 157px;
	color: #333333;
	}

/*------------------------------------------
EC-cube　shopping cart 
----------------------------------------------- */

#sCartBox{
	width: 145px;
	}

#sCartBox dt{
	float: left;
	color: #808080;
	}

#sCartBox dd{
	text-align: right;
	padding: 1px 0 1px 5px;
	}

/*------------------------------------------
EC-cube　calendar 
----------------------------------------------- */
#CalendarBox{
	float: left;
	text-align: left;
	width: 200px;
	border: 1px solid #d0dfe1;
	margin-bottom: 10px;
	background-color: #ffffff;
	}

#sCalendar table{
	width: 180px;
	margin: 8px;
	display:inline;
	}

#sCalendar table th{
	padding: 1px 0;
	background-color: #eeeeee;
	color: #333333;
	border: 1px solid #CCCCCC;
	}

#sCalendar table td{
	padding: 1px 0;
	text-align: center;
	border: 1px solid #CCCCCC;
	color: #333333;
	}

#sCalendar td.off{
	color: #cc0000;
	}

#sCalendar table caption{
	margin: 8px;
	display:inline;
	}

#calendarNote{
	margin: 8px;
	display:inline;
	}

/*------------------------------------------
EC-cube　basket（どこでもカート）
----------------------------------------------- */

.basket280{
	width: 280px;
	}

.basket280 table{
	margin-bottom: 10px;
	}

.basket280 td{
	border: 1px solid #cccccc;
	padding: 5px;
	}

/*------------------------------------------
EC-cube　search_zero（商品が無い時）
----------------------------------------------- */

.table670_zero {
	width: 670px;
	}

html:not([lang*=""]) .table670_zero {
	float: left;
	text-align: left;
	width: 670px;
	}

.table670_zero td{
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding: 6px;
	}