@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
border-top: 6px #34A12E solid;
}


/* リンク設定
------------------------------------------------------------*/
a{color:#333;text-decoration:none;}
a:hover{color:#390;}
a:active, a:focus {outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:1%;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}

.center {
	text-align:center;
}

/*************
/* ヘッダー
*************/
#header{
	height:auto;
}

#header h1{
padding:2px 20px;
font-size:10px;
font-weight:normal;
text-align:left;
}

/*************
/* ロゴ
*************/
.logo{
float:left;
width:auto;
padding:2px 30px 0px 20px;
}

.info .tel {
	margin:10px 5px 0px 5px;
}
.info .mail {
	margin:10px 5px 0px 5px;
}

.logo p{float:left;}


.logo span{display:block;}

/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:0px;
text-align:right;
display:block;
margin-top:0px;
}

.info .open{font-size:11px;}
.info .address{font-size:11px;}

/*************
/* ヘッダーメニュー
*************/
.hmenu{
float:right;
margin:0px 0px 2px 0px;
padding-right:15px;
text-align:right;
}

.hmenu ul {
	display:block;
}

.hmenu ul li {
	padding:0px;
	display:block;
	font-size:10px;
	color:#482d0f;
	float:right;
}

.hmenu ul li a {
	color:#482d0f;
}
.hmenu ul li a:hover {
	color:#DDC2A2;
}


/*************
/* ロゴ+電話番号+hmenu
*************/
.logo,.info {
margin-top:3px;
color:#FF8000;
font-size:28px;
font-weight:bold;
text-shadow: 1px 1px 1px #FFF;
}

.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}



/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#mainBanner img{
max-width:100%;
height:auto;
}

#subBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#subBanner img{
max-width:100%;
height:auto;
}

#subpage #mainBanner img{border:4px solid #f1f1f1; margin-bottom:17px;}
#subBanner img{border:4px solid #f1f1f1; margin-bottom:17px;}

.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:20px;
left:15px;
padding:5px 10px;
line-height:1.4;
color:#939393;
}

.slogan h2{
padding-bottom:5px;
font-size:14px;
color:#333;
}


/**************************
/* グリッド
**************************/
.gridWrapper, .gridWrapper2 {
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}
* html .gridWrapper2{height:1%;}

	
.grid{
float:left;
border-radius:5px;
background:#fff;
}
.grid1{
float:left;
border-radius:2px;
}

.box{
margin:0px;
padding:0px;
border:4px solid #EDEDED;
-webkit-box-shadow: 0 0 0 0 #CCCCCC, inset 0 0 0 1px #E6E6E6;
-moz-box-shadow: 0 0 0 0 #CCCCCC, inset 0 0 0 1px #E6E6E6;
box-shadow: 0 0 0 0 #CCCCCC, inset 0 0 0 1px #E6E6E6;
position:relative;            /* 要らなかったがPIEを動作させるために追加 */
behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

.box img{
max-width:100%;
height:auto;
border:4px solid #f1f1f1;
margin-top:5px;
display:block;
}

.box img.nbr{
	border:none;
	max-width:100%;
}

.box h3{padding:10px 0 5px;}
.box h3.redline { border-bottom:1px solid #b9282e; margin-bottom:10px;}
.box h3.redline span { font-size:80%; color:#786148; float:right; }
.box h3.blueline { border-bottom:1px solid #005bac; margin-bottom:10px;}
.box h3.blueline span { font-size:80%; color:#005bac; float:right; }
.box h3.greent { color:#6AAD08 margin-bottom:2px;}

.box h3, .box p{text-align:left; margin:0px 10px 0px 10px; }

.box p.arrow_g {
	font-size:14px;
	background:url(../common/arrow_g.png) no-repeat left center;
	padding:0px 0px 0px 20px;
	margin:0px 10px 0px 10px;
	font-weight:bold;
	line-height:1.9em;
}

.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}



/*************
メイン コンテンツ
*************/
section.content article{
padding:20px;
margin-bottom:20px;
border:1px solid #f1f1f1;
overflow:hidden;
}

* html section.content article{height:1%;}

section.content p{
	margin-bottom:5px;
	font-family: inherit;
}

h3.heading{
font-weight:normal;
padding:0 10px;
line-height:36px;
color:#333;
background:#f1f1f1;
}

section.content img{
/* max-width:90%; */
max-width:100%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

#gallery .grid img,.border,ul.list img{border:4px solid #f1f1f1;}
#kodawari .grid1 img,.border,ul.list img{/*border:4px solid #f1f1f1;*/}
#kodawari .firstbox { text-align:center; margin:0px 0px 0px 10px; display:block; height:auto; width:100%; }
#kodawari .secondbox { text-align:center; margin:0px 0px 0px 80px; display:block; height:auto;}


h4{
	margin:0;
	padding:6px 8px 4px 8px;
	background:#eeede5;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:14px;
}

h4 ~ h4{
	margin:1em 0;
	padding:6px 8px 4px 8px;
	background:#eeede5;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:12px;
}

h4.arealink {
	width:32%;
	line-height:1.6em;
	margin:5px 0px;
	padding:5px;
	text-shadow: 1px 1px 1px #339bd6;
	text-align:center;
	color: #66CCFF;
	background-color: #005bac;
    background: -moz-linear-gradient(top, #0081cc, #005bac); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#0081cc), to(#005bac)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0081cc', endColorstr='#005bac'); /* IE5.5以上 */
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #339bd6;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #339bd6;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #339bd6;
	border: 1px #005bac solid;
	border-radius: 6px;        /* CSS3草案 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}
h4.arealink a { color:#FFFFFF; }
h4.arealink a:hover { color:#66CCFF; }
	

h4.toptitle{
	margin:0px 0px 10px 0px;
	padding:6px 8px 4px 8px;
	background:#eeede5;
	border:0px solid #dbd8c8;
	font-weight:bold;
	font-size:14px;
}

.green16 {
	font-size:16px;
	color:#339900;
}

h5{
	margin:1em 0;
	padding:6px 8px 4px 8px;
	background:#eeede5;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:12px;
}

h5 a{
	text-decoration:none;
	color:#314e6f;
	padding:0 0 0 15px;
	background:url(../arrow2.gif) left 4px no-repeat;
}

h5.qes{
	margin:1em 0;
	padding:10px;
	background:#eeede5;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:12px;
}
h5.qes a{
	text-decoration:none;
	color:#314e6f;
	padding:10px 0 10px 35px;
	background:url(../faq/img/q_s.png) left center no-repeat;
}

.ans_BOX {
	background:#F1F1F1;
	margin:5px auto 30px auto;
	padding:10px;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

#accord,#accord2{
	margin:0;
	padding:0;
}

.small{
	font-size:80%;
}




/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

table.table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}

table.table2{
border-collapse:collapse;
margin:5px auto 15px auto;
width:65%;
float:left;
}

table.table2 td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:center;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table2 th{
background-color:#F5F5F5;
text-align:left;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}

table.table3{
border-collapse:collapse;
margin:5px auto 15px auto;
width:60%;
float:left;
}

table.table3 td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:right;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table3 th{
background-color:#F5F5F5;
text-align:left;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}

article table.table_w{
border-collapse:collapse;
margin:5px auto 15px auto;
width:100%;
}
article table.table_w td img { max-width:100%; }

article table.table_w td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:center;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
text-shadow:1px 1px 1px #FFF;
}

article table.table_w td.good{
border-collapse:collapse;
background:url(../images/good.png) no-repeat center center;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
font-size:11px;
}
article table.table_w td.bad{
border-collapse:collapse;
background:url(../images/bad.png) no-repeat center center;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
font-size:11px;
}

article table.table_w td.hikaku{
border-collapse:collapse;
background:#FFF;
text-align:left;
padding:5px;
border:1px solid #D6D6D6;
line-height:20px;
font-size:11px;
}
article table.table_w ul li { list-style: inside; }
article table.table_w ul li.good { background:url(../images/list_good.png) no-repeat left center; list-style:none; padding-left:30px; line-height:1.8em; margin-bottom:15px; }
article table.table_w ul li.bad { background:url(../images/list_bad.png) no-repeat left center; list-style:none; padding-left:30px; line-height:1.8em; margin-bottom:15px; }


article table.table_w td.left{
text-align:left;
}

article table.table_w th{
background-color:#F5F5F5;
text-align:left;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
vertical-align: middle;
}

.box_shadow {
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.waku { padding:5px; background:#FFF; border:#EEE 1px solid; }


/*************
CSS3 シャドー系
*************/

.shadowbox {
	width: 97%;
	min-height:150px;
	margin: 0px auto 30px auto;
	padding:1.5%;
	background:#FFF;
	border:1px solid #EEE;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.shadowbox .photos { width:25%; float:left; }
.shadowbox .photos img { max-width:93%; margin:1%; padding:1.5%; border:1px solid #DDD; }
.shadowbox .photos .more {
    background: none repeat scroll 0 0 #c00;
	width:90%;
    border: 1px solid #f00;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 #ccc, 0 0 5px 0 #fefefe inset;
    color: #FFF;
    font-size: 16px;
    line-height: 32px;
    margin: 10px auto;
    padding: 5px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 2px #F00;
}
.shadowbox .photos .more a { color:#FFF; }
.shadowbox .photos .more a:hover { color:#151515; }

.shadowbox table.table_w{
border-collapse:collapse;
margin:5px auto 15px auto;
width:70%;
}
.shadowbox table.table_w td img { max-width:100%; }

.shadowbox table.table_w td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
text-shadow:1px 1px 1px #FFF;
}

.shadowbox table.table_w th{
background-color:#F5F5F5;
text-align:left;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
vertical-align: middle;
}

.shadowband {
	width: 97%;
	margin: 0px auto 30px auto;
	padding:1.5%;
	background:#FFF;
	border:1px solid #EEE;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}


.shadowbox h3 { font-size:18px; /*font-weight:bold;*/ color:#339900; }
.shadowbox h4 { color:#ff4590; border-top: 2px solid #ff4590; border-bottom: 2px solid #ff4590; margin:10px auto; padding:5px 0px; line-height:1.8em; }
.shadowband h3 { font-size:18px; /*font-weight:bold;*/ color:#339900; }
.shadowband h4 { color:#ff4590; border-top: 2px solid #ff4590; border-bottom: 2px solid #ff4590; margin:10px auto; padding:5px 0px; line-height:1.8em; }

.arrow_d { margin:-20px auto 5px auto; text-align:center; }

.shadow1
{
  position: relative;
}
.shadow1:before, .shadow1:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow1:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.shadow2
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadow2:before, .shadow2:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 20px;
    border-radius:100px / 20px;
}
.shadow2:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.shadow3
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shadow3:before, .shadow3:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    top:0;
    bottom:0;
    left:30px;
    right:30px;
    -moz-border-radius:100px / 20px;
    border-radius:100px / 20px;
}
.shadow3:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.homeseparator {
	height: 4px;
	border:none;
	display: block;
	margin: 5px auto 20px auto;
	background: #111111; /* Old browsers */
	background: -moz-linear-gradient(left, #ff982c 0%, #ff982c 33%, #ffb22c 33%, #ffb22c 66%, #ffd52c 66%, #ffd52c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff982c), color-stop(33%,#ff982c), color-stop(33%,#ffb22c), color-stop(66%,#ffb22c), color-stop(66%,#ffd52c), color-stop(100%,#ffd52c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ff982c 0%,#ff982c 33%,#ffb22c 33%,#ffb22c 66%,#ffd52c 66%,#ffd52c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ff982c 0%,#ff982c 33%,#ffb22c 33%,#ffb22c 66%,#ffd52c 66%,#ffd52c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ff982c 0%,#ff982c 33%,#ffb22c 33%,#ffb22c 66%,#ffd52c 66%,#ffd52c 100%); /* IE10+ */
	background: linear-gradient(to right, #ff982c 0%,#ff982c 33%,#ffb22c 33%,#ffb22c 66%,#ffd52c 66%,#ffd52c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ff982c', endColorstr='#ffd52c',GradientType=1 ); /* IE6-9 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}
.homeseparator1 {
	height: 4px;
	border:none;
	display: block;
	margin: 5px auto 20px auto;
	background: #111111; /* Old browsers */
	background: -moz-linear-gradient(left, #111111 0%, #111111 33%, #444444 33%, #444444 66%, #999999 66%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#111111), color-stop(33%,#111111), color-stop(33%,#444444), color-stop(66%,#444444), color-stop(66%,#999999), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #111111 0%,#111111 33%,#444444 33%,#444444 66%,#999999 66%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #111111 0%,#111111 33%,#444444 33%,#444444 66%,#999999 66%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #111111 0%,#111111 33%,#444444 33%,#444444 66%,#999999 66%,#999999 100%); /* IE10+ */
	background: linear-gradient(to right, #111111 0%,#111111 33%,#444444 33%,#444444 66%,#999999 66%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#111111', endColorstr='#999999',GradientType=1 ); /* IE6-9 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.homeseparator2 {
	height: 4px;
	background:#999;
	border-left-color:#555;
	border-right-color:#ddd;
	border-left-style:solid;
	border-right-style:solid;
	border-width: 235px;
	border-top:none;
	border-bottom:none;
	display: block;
	margin: 5px auto 20px auto;
	position:relative;
}
.homeseparator3 {
	height: 4px;
	background:#999;
	border-left-color:#555;
	border-right-color:#ddd;
	border-left-style:solid;
	border-right-style:solid;
	border-width: 120px;
	border-top:none;
	border-bottom:none;
	display: block;
	margin: 5px auto 20px auto;
	position:relative;
}
.homeseparator4 {
	height: 4px;
	background:#999;
	border:none;
	display: block;
	margin: 5px auto 20px auto;
	background: -moz-linear-gradient(left, #888 0%, #777 50%, #666 50%, #777 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#777777',GradientType=1 ); /* IE5.5以上 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}
.homeseparator5 {
	height: 4px;
	background:#999;
	border:none;
	display: block;
	margin: 5px auto 20px auto;
	background: -moz-linear-gradient(left, #1e5799 0%, #1e5799 33%, #9b338d 33%, #9b338d 66%, #7db9e8 66%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(33%,#1e5799), color-stop(33%,#9b338d), color-stop(66%,#9b338d), color-stop(66%,#7db9e8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1e5799 0%,#1e5799 33%,#9b338d 33%,#9b338d 66%,#7db9e8 66%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1e5799 0%,#1e5799 33%,#9b338d 33%,#9b338d 66%,#7db9e8 66%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #1e5799 0%,#1e5799 33%,#9b338d 33%,#9b338d 66%,#7db9e8 66%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to right, #1e5799 0%,#1e5799 33%,#9b338d 33%,#9b338d 66%,#7db9e8 66%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}
.homeseparator6 {
	width:100%;
	height: 4px;
	background:#f7b255;
	border-left:235px solid #ec788b;
	border-right:235px solid #47afba;
	border-top:none;
	border-bottom:none;
	display: block;
	margin: 5px auto 20px auto;
}


.LBOX {
	width:45%;
	float:left;
	background:#F8F8F8;
	margin:5px auto 30px auto;
	padding:10px;
	-webkit-box-shadow: 0 0 5px 0 #999, inset 0 0 1px 0 #FFF;
	-moz-box-shadow: 0 0 5px 0 #999, inset 0 0 1px 0 #FFF;
	box-shadow: 0 0 5px 0 #999, inset 0 0 1px 0 #FFF;
	border:#DDD 1px solid;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}
.RBOX {
	width:45%;
	float:right;
	background:#F8F8F8;
	margin:5px auto 30px auto;
	padding:10px;
	-webkit-box-shadow: 0 0 5px 0 #999, inset 0 0 1px 0 #FFF;
	-moz-box-shadow: 0 0 5px 0 #999, inset 0 0 1px 0 #FFF;
	box-shadow: 0 0 5px 0 #999, inset 0 0 1px 0 #FFF;
	border:#DDD 1px solid;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}
.LBOX h3, .RBOX h3 { font-size:18px; font-weight:bold; color:#FF4590; }

.LBOX p.koumoku, .RBOX p.koumoku {
	display:-webkit-inline-box;
    display:-moz-inline-box;
    display:-ms-inline-flexbox;
    display:-webkit-inline-flex;
    display:inline-flex;
}

.LBOX p span.ttl, .RBOX p span.ttl {
padding:2px 6px 4px 6px;
font-size:16px;
display: inline-block;
text-align:left;
text-shadow:1px 1px 2px #CD1760;
float:left;
color:#FFF;
background:#FF4590;
margin:5px 0px 5px 0px;
border:#FF4590 1px solid;
border-radius: 50px 0px 0px 50px; 
-webkit-border-radius: 50px 0px 0px 50px; 
-moz-border-radius: 50px 0px 0px 50px;
position:relative;
behavior: url(../common/PIE.htc) ;
}

.LBOX p span.txt, .RBOX p span.txt {
padding:2px 6px 4px 6px;
font-size:16px;
display: inline-block;
text-align:left;
text-shadow:1px 1px 2px #DDD;
float:left;
color:#FF4590;
background:#FFF;
margin:5px 10px 5px 0px;
border:#FF4590 1px solid;
border-radius: 0px 50px 50px 0px; 
-webkit-border-radius: 0px 50px 50px 0px; 
-moz-border-radius: 0px 50px 50px 0px;
position:relative;
behavior: url(../common/PIE.htc) ;
}

.LBOX p.orange, .RBOX p.orange { color:#e64627; }
/*.LBOX img, .RBOX img { width:100%; }*/
.LBOX img, .RBOX img { margin:0px auto ; }



/*************
/* サイドバー
*************/
#sidebar ul{padding:5px; background:#FFF;}
#sidebar ul.list2{padding:10px 20px;}

#sidebar li{
/*margin-bottom:10px;
padding-bottom:10px;*/
margin:5px 0px;
padding:5px 0px;
list-style:none;
border-bottom:1px dashed #f1f1f1;
}

#sidebar li.arrowr{
background:url(../common/arrow_b.png) no-repeat right center;
}
#sidebar li.arrowl{
background:url(../common/arrow_k.png) no-repeat left center;
padding-left:20px;
font-size:120%;
}
#sidebar li.arrowl span {
padding-left:10px;
font-size:65%;
color:#34A12E;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{display:block;}

#sidebar ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
border:0;
}

#sidebar ul.list2 li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
border:0;
}

ul.list li{height:1%;}
ul.list2 li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
}
ul.list2 li img{
float:left;
margin-right:10px;
margin-bottom:20px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}
ul.list2 li{
font-size:12px;
line-height:1.35;
}


#sidebar .side_campaign {
	background:url(../common/side_campaign_bg.png) no-repeat center center ;
	border:none;
	min-height:200px;
}


#sidebar ul li.side1, #sidebar ul li.side2, #sidebar ul li.side3, #sidebar ul li.side4, #sidebar ul li.side5 {
	padding:15px 6px 15px 50px;
	/*margin:0px auto 5px auto;
	border-bottom:dotted 1px #b26f55; */
}

#sidebar ul li.side1 {
	background: url(../images/thumb1.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	-pie-background:url(../images/thumb1.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	position:relative;
	behavior: url(../common/PIE.htc);
}
#sidebar ul li.side2 {
	background: url(../images/thumb2.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	-pie-background:url(../images/thumb2.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	position:relative;
	behavior: url(../common/PIE.htc);
}
#sidebar ul li.side3 {
	background: url(../images/thumb3.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	-pie-background:url(../images/thumb3.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	position:relative;
	behavior: url(../common/PIE.htc);
}
#sidebar ul li.side4 {
	background: url(../images/thumb4.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	-pie-background:url(../images/thumb4.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	position:relative;
	behavior: url(../common/PIE.htc);
}
#sidebar ul li.side5 {
	background: url(../images/thumb5.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	-pie-background:url(../images/thumb5.jpg) no-repeat left center, url(../common/arrow_b.png) no-repeat right center;
	position:relative;
	behavior: url(../common/PIE.htc);
}





/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:url(../common/footer_bg2.png) repeat-x top center;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
width:320px;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{
font-size:10px;
color:#333;
}

ul.footnav{
float:right;
/*width:450px;*/
width:200px;
padding:10px 0;
margin:5px;
}

ul.footnav li{
/*float:left;*/
margin-bottom:10px;
padding:0 7px 0 15px;
font-size:11px;
background:url(../common/arrow_f.png) no-repeat left center;
}

ul.footnav li.ft{
	border:1px dotted #DDDDDD;
	padding:4px 5px;
	background:none;
}

#footer a{color:#333;}
#footer a:hover{color:#888;}

address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:10px;
color:#FFF;
background:#34A12E;
}

/*************
/* 見出し
*************/

h2.title {
	background:url(../common/title3_bg.png) repeat-x center bottom;
	line-height:40px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 2px 2px 0px 0px;        /* CSS3草案 */  
    -webkit-border-radius: 2px 2px 0px 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px 2px 0px 0px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
h2.title span {
	font-size:80%;
	color:#34A12E;
	margin:0px 0px 0px 10px;
}

h3.title1 {
	background:url(../common/title1_bg.png) repeat-x center bottom;
	line-height:40px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 2px 2px 0px 0px;        /* CSS3草案 */  
    -webkit-border-radius: 2px 2px 0px 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px 2px 0px 0px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
h3.title1 span {
	font-size:80%;
	color:#34A12E;
	margin:0px 0px 0px 10px;
}

h3.title2 {
	background:url(../common/title_bg.png) no-repeat left center;
	line-height:40px;
	margin-bottom:10px;
	padding:0px 5px 0px 22px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#DDDDDD 1px solid;
	/*-webkit-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	-moz-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;*/
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

h3.title2 span {
	font-size:80%;
	color:#34A12E;
	margin:0px 0px 0px 10px;
}

h3.title3 {
	background:url(../common/title2_bg.png) repeat-x center bottom;
	line-height:40px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 2px 2px 0px 0px;        /* CSS3草案 */  
    -webkit-border-radius: 2px 2px 0px 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px 2px 0px 0px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
h3.title3 span {
	font-size:80%;
	color:#34A12E;
	margin:0px 0px 0px 10px;
}

h3.title4 {
	background:url(../common/title3_bg.png) repeat-x center bottom;
	line-height:40px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 2px 2px 0px 0px;        /* CSS3草案 */  
    -webkit-border-radius: 2px 2px 0px 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px 2px 0px 0px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
h3.title4 span {
	font-size:80%;
	color:#34A12E;
	margin:0px 0px 0px 10px;
}

h3.title5 {
	background:url(../common/title_bg2.png) no-repeat left center;
	line-height:40px;
	margin-bottom:10px;
	padding:0px 5px 0px 22px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#DDDDDD 1px solid;
	/*-webkit-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	-moz-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;*/
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

h3.title5 span {
	font-size:80%;
	color:#34A12E;
	margin:0px 0px 0px 10px;
}

h3.toptitle{
	margin:0px 0px 10px 0px;
	padding:6px 8px 4px 8px;
	background:#eeede5;
	border:0px solid #dbd8c8;
	font-weight:bold;
	font-size:14px;
}


h3.point {
	background:url(../common/point_bg.png) no-repeat left center;
	line-height:40px;
	margin-bottom:10px;
	padding:0px 5px 2px 22px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#DDDDDD 1px solid;
	/*-webkit-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	-moz-box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;
	box-shadow: 0 0 5px 0 #999, inset 0 0 10px 0 #fff;*/
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

h3.title_area {
	background:url(../common/title_area.png) no-repeat left bottom;
	line-height:40px;
	padding:0px 5px 0px 50px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 8px 8px 0px 0px;        /* CSS3草案 */  
    -webkit-border-radius: 8px 8px 0px 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px 8px 0px 0px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}

h3.redline { border-bottom:1px solid #b9282e; margin-bottom:10px;}
h3.redline span { font-size:80%; color:#786148; float:right; }

h3.blueline { border-bottom:1px solid #005bac; margin-bottom:10px;}
h3.blueline span { font-size:80%; color:#005bac; float:right; }

h3.greent { color:#6AAD08; margin:2px 2px 2px 10px; font-size:18px;}

.A_BOX {
	background:#F1F1F1;
	margin:5px auto 30px auto;
	padding:10px;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

.D_BOX {
	background:#F6F6F6;
	margin:5px auto;
	padding:10px;
	border:#DEDEDE 1px dashed;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

.RED_BOX {
	background:#F6F6F6;
	margin:5px auto;
	padding:10px;
	border:#C00 3px dashed;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

.reform_BOX {
	background:url(../reform/img/reform_bg.png) no-repeat right center;
	background-size:contain;
	margin:5px auto 30px auto;
	padding:10px;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

.catch_BOX {
	background:#F1F1F1;
	margin:0px auto 30px auto;
	padding:10px;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	-webkit-box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 10px 10px #DDDDDD;
	-moz-box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 10px 10px #DDDDDD;
	box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 10px 10px #DDDDDD;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}

.catch_title {
	margin:5px 0px 10px -10px;
}
.catch_title2 {
	margin:-10px 0px 10px 0px;
}

.T_BOX {
	background:#E6E6E6;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	background-color: #FFF4EA;
    background: -moz-linear-gradient(top, #E7E7E7, #FEFEFE); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#E7E7E7), to(#FEFEFE)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E7E7E7', endColorstr='#FEFEFE'); /* IE5.5以上 */
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 1px #CCCCCC solid;
	border-radius: 6px;        /* CSS3草案 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.content .C_BOX {
	background:#EFEFEF;
	width:46.5%;
	line-height:2em;
	margin-bottom:1%;
	padding:1%;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 1px #DADADA solid;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.C_BOX1 {
	width:43.5%;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 10px #fdc1c1 solid;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.C_BOX2 {
	width:43.5%;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 10px #c1eb99 solid;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.C_BOX3 {
	width:43.5%;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 10px #fed694 solid;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.C_BOX4 {
	width:43.5%;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 10px #c1edea solid;
	border-radius: 1px;        /* CSS3草案 */
	-webkit-border-radius: 1px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 1px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

.top_banner { width:100%; }
.top_banner img { max-width:100%; }

article .sat1 {
	background:#92c522;
	color:#FFF;
	line-height:30px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #CCC;
	text-align:center;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:30%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}
article .sat2 {
	background:#09F;
	color:#FFF;
	line-height:30px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #CCC;
	text-align:center;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:30%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}
article .sat3 {
	background:#63F;
	color:#FFF;
	line-height:30px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #CCC;
	text-align:center;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:30%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}


dl.catebox { }
dl.catebox dt { }
dl.catebox dd { font-size:12px; line-height:1.4em; }
dl.catebox dd img { margin:5px 5px 5px 0px; float:left; }
dl.catebox dd span.shousai1 { padding:5px; color:#FFFFFF; background:#fdc1c1; margin-top:5px; }


section.news_bg {
	width:100%;
	min-height:220px;
	margin:5px auto;
	padding:10px;
}
dl.news_box {
	margin:5px auto;
	width:98%;
	height:200px;
	overflow-y: auto;
}
dl.news_box dt {
	color:#C33;
	font-weight:bold;
	float:left;
	width:15%;
	padding:5px;
}
dl.news_box dd {
	float:left;
	width:80%;
	padding:5px;
}

.access {
	margin:5px auto;
}


/*************
サイドバー ランキング
*************/
#sidebar .ranking {
	background:#fffabe;
	line-height:20px;
	padding:10px;
	margin-bottom:15px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#febd49 3px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
#sidebar .ranking h3 {
	font-size:16px;
	text-align:center;
	line-height:30px;
	margin-bottom:0px;
}
#sidebar .ranking ul {
	background:#fff;
	padding:5px;
	margin-bottom:5px;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
#sidebar .ranking ul li.r1 {
	background:url(../common/r1.png) no-repeat left center;
	line-height:49px;
	padding:0px 0px 0px 82px;
	font-size:11px;
	margin-bottom:0px;
}
#sidebar .ranking ul li.r2 {
	background:url(../common/r2.png) no-repeat left center;
	line-height:49px;
	padding:0px 0px 0px 82px;
	font-size:11px;
	margin-bottom:0px;
}
#sidebar .ranking ul li.r3 {
	background:url(../common/r3.png) no-repeat left center;
	line-height:49px;
	padding:0px 0px 0px 82px;
	font-size:11px;
	margin-bottom:0px;
}
#sidebar .ranking ul li.r4 {
	background:url(../common/r4.png) no-repeat left center;
	line-height:49px;
	padding:0px 0px 0px 82px;
	font-size:11px;
	margin-bottom:0px;
}
#sidebar .ranking h3 span img {
	position:absolute;
	top:-8px;
	right:-10px;
}


/*************
サイドバー コンテンツ
*************/
#sidebar .cont {
	background:#eff9c4;
	line-height:20px;
	padding:10px;
	margin-bottom:15px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#b3e328 3px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
#sidebar .cont h3 {
	font-size:16px;
	text-align:center;
	line-height:30px;
	margin-bottom:0px;
}
#sidebar .cont h3 span img {
	position:absolute;
	top:-8px;
	right:-10px;
}

#sidebar img.banner {
	width:100%;
}

#sidebar img.g_border {
	border:1px solid #9C0;
}

/*************
サイドバー サイドメニュー
*************/
#sidebar .sidemenu {
	background:url(../common/sidemenu_bg.png) repeat top center;
	line-height:20px;
	padding:10px;
	margin-bottom:15px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	/* border:#febd49 3px solid; */
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	font-size:14px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
#sidebar .sidemenu h3 {
	font-size:16px;
	text-align:center;
	line-height:30px;
	margin-bottom:0px;
}
#sidebar .sidemenu ul {
	background:#fff;
	padding:5px;
	margin-bottom:5px;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
#sidebar .sidemenu ul li {
	background:url(../common/side_arrow.png) no-repeat left center;
	line-height:30px;
	padding:0px 0px 0px 30px;
	font-size:11px;
	margin-bottom:0px;
}
#sidebar .sidemenu h3 span img {
	position:absolute;
	top:-8px;
	right:-10px;
}

/*************
サイドバー エリアマップ
*************/
#sidebar .areamap {
	background:#fff;
	line-height:20px;
	padding:10px;
	margin-bottom:15px;
	margin-top:20px;
	text-shadow: 1px 1px 3px #FFFFFF;
	color: #333333;
	border:#f2c730 1px dashed;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc); /* for IE */
}
#sidebar .areamap h3 {
	text-align:center;
}
#sidebar .areamap h3 img {
	position:absolute;
	top:-8px;
	left:3px;
	display:block;
}
#sidebar .areamap dl {
	margin-top:120px;
}
#sidebar .areamap dl dt {
	color:#F90;
	font-size:11px;
}
#sidebar .areamap dl dd {
	font-size:11px;
}
#sidebar .areamap p {
	font-size:10px;
}

/*#sidebar img { width:100%; }*/

/*************
カラー
*************/
.red { color:#C00;}
.orange { color:#F90;}
.green { color:#34a12e;}
.blue { color:#36C;}
.pink { color:#F69;}


/*************
フォント
*************/
.bb { font-weight:bold; }
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}



/*************
ranking_BOX ランキングボックス 950以上
*************/
#main .ranking_BOX {
	background:url(../images/ranking_BOX_bg.png) repeat center center;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	/*background-color: #FFF4EA;*/
    /*background: -moz-linear-gradient(top, #FEFEFE, #E7E7E7);*/ /* mozilla */
    /*background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#E7E7E7)); */ /* Webkit */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#E7E7E7');*/ /* IE5.5以上 */
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 1px #CCCCCC solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}

/*************
ITEM_BOX アイテムボックス 950以上
*************/
#main .ITEM_BOX {
	background:#FFFFFF;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	background-color: #FFF4EA;
    background: -moz-linear-gradient(top, #FEFEFE, #E7E7E7); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), to(#E7E7E7)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE', endColorstr='#E7E7E7'); /* IE5.5以上 */
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 1px #CCCCCC solid;
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}
#main .ITEM_BOX dl {
	background:#FFF;
	width:22.0%;
	margin-top:0.3%;
	margin-bottom:0.3%;
	margin-left:0.9%;
	border:1px solid #eee;
	padding:0.8%;
	float:left;
}
#main .ITEM_BOX dl dt {
	color:#f38199;
	font-weight:bold;
	margin-bottom:0.5%;
}
#main .ITEM_BOX dl dt img {
	width:100%;
	margin:0 auto;
}
#main .ITEM_BOX dl dd {
	color:#151515;
	font-size:11px;
	margin-bottom:0.5%;
}
#main .ITEM_BOX dl dd span.maker {
	color:#f38199;
	font-weight:bold;
	margin-bottom:0%;
	font-size:10px;
}
#main .ITEM_BOX dl dd span.spec {
	font-size:10px;
}
#main .ITEM_BOX dl dd .price {
	background:#ffe5e5;
	padding:5px;
}
#main .ITEM_BOX dl dd .price span {
	color:#C00;
}

/*************
R_BOX アイテムボックス 950以上
*************/
#main .R_BOX {
	background:#FFFFFF;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 3px #eb5809 solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}
#main .R_BOX dl {
	background:#FFF;
	width:22.6%;
	margin-top:0.3%;
	margin-bottom:0.3%;
	margin-left:0.3%;
	border:1px solid #fefefe;
	padding:0.8%;
	float:left;
}
#main .R_BOX dl dt {
	color:#f38199;
	font-weight:bold;
	margin-bottom:0.5%;
}
#main .R_BOX dl dt img {
	width:100%;
	margin:0 auto;
	border:#eb5809 1px solid;
}
#main .R_BOX dl dd {
	color:#151515;
	font-size:11px;
	margin-bottom:0.5%;
}
#main .R_BOX dl dd.mark1 {
	background:url(../images/r1.png) no-repeat left center;
	padding-left:50px;
	line-height:38px;
	font-size:12px;
	font-weight:bold;
	color:#F06;
}
#main .R_BOX dl dd.mark2 {
	background:url(../images/r2.png) no-repeat left center;
	padding-left:50px;
	line-height:38px;
	font-size:12px;
	font-weight:bold;
	color:#F06;
}
#main .R_BOX dl dd.mark3 {
	background:url(../images/r3.png) no-repeat left center;
	padding-left:50px;
	line-height:38px;
	font-size:12px;
	font-weight:bold;
	color:#F06;
}
#main .R_BOX dl dd.mark4 {
	background:url(../images/r4.png) no-repeat left center;
	padding-left:50px;
	line-height:38px;
	font-size:12px;
	font-weight:bold;
	color:#F06;
}

#main .R_BOX dl dd span.spec {
	font-size:10px;
}
#main .R_BOX dl dd .price {
	background:#ffe5e5;
	padding:5px;
}
#main .R_BOX dl dd .price span {
	color:#C00;
}



/*************
クリアー
*************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	overflow:hidden;
	zoom:1;
}

.clear {
	clear:both;
}


/*************
フロート
*************/
.fl { float:left; }
.fr { float:right; }


/*************
フェイスブック
*************/
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}

/*************
ページトップ
*************/
#pagetop { text-align:center;clear: both; margin-right:20px;}
#pagetop { display:block; overflow:hidden; clear:both; z-index:5; }
#pagetop a { color: #333; background:#e6e6e6; float:right; display:block; position:relative; padding:5px 15px 5px 15px;}
#pagetop a:hover { background:#34A12E; color:#FFF;}


/* カラー枠 */
#course article{padding:10px 0 10px 0px; border:none;}
	
	#course article .gyoumu {
	line-height:30px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:0.2%;
	width:23.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu ul { padding:1.6%; }
	#course article .gyoumu ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	#course article .gyoumu h3.cate1 {
		background:url(../images/cate1s.png) no-repeat 5px center #F29102;
		padding:5px;
		text-align:center;
		border-radius: 8px 8px 0px 0px;
		-webkit-border-radius:8px 8px 0px 0px;
		-moz-border-radius: 8px 8px 0px 0px;
	}
	#course article .gyoumu h3.cate2 {
		background:url(../images/cate2s.png) no-repeat 5px center #99CCFF;
		padding:5px;
		text-align:center;
		border-radius: 8px 8px 0px 0px;
		-webkit-border-radius:8px 8px 0px 0px;
		-moz-border-radius: 8px 8px 0px 0px;
	}
	#course article .gyoumu h3.cate3 {
		background:url(../images/cate3s.png) no-repeat 5px center #CC99FF;
		padding:5px;
		text-align:center;
		border-radius: 8px 8px 0px 0px;
		-webkit-border-radius:8px 8px 0px 0px;
		-moz-border-radius: 8px 8px 0px 0px;
	}
	#course article .gyoumu h3.cate4 {
		background:url(../images/cate4s.png) no-repeat 5px center #99CC00;
		padding:5px;
		text-align:center;
		border-radius: 8px 8px 0px 0px;
		-webkit-border-radius:8px 8px 0px 0px;
		-moz-border-radius: 8px 8px 0px 0px;
	}
	
	#course article .gyoumu1 {
	background:url(../images/cate1.png) no-repeat center center #f29102;
	line-height:30px;
	font-weight:bold;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:21.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu1 ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	#course article .gyoumu2 {
	background:url(../images/cate2.png) no-repeat center center #9CF;
	line-height:30px;
	font-weight:bold;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:21.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu2 ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	#course article .gyoumu3 {
	background:url(../images/cate3.png) no-repeat center center #C9F;
	line-height:30px;
	font-weight:bold;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:21.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu3 ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	#course article .gyoumu4 {
	background:url(../images/cate4.png) no-repeat center center #9C0;
	line-height:30px;
	font-weight:bold;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:21.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu4 ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}



/* PC用
------------------------------------------------------------*/

	#header,#wrapper,.inner{
	width:990px;
	padding:0;
	margin:0 auto;
	}
	
	#wrapper{padding:20px 0px;}
	
	.hmenu{
float:right;
margin:-20px 0px 0px 3px;
}

.hmenu ul {
	display:block;
}

.hmenu ul li {
	padding:0px 5px 0px 5px;
	display:block;
}
	
  nav#mainNav{
	overflow:hidden;
	position:relative;
	width:100%;
	height:58px;
	margin:0px auto 0px auto;
	background:url(../common/nav_bg.png) repeat-x center center;
	border:1px solid #EDEDED;
	-webkit-box-shadow: 0px 0px 10px 1px #EDEDED, inset 0 0 0 1px #E6E6E6;
	-moz-box-shadow: 0px 0px 10px 1px #EDEDED, inset 0 0 0 1px #E6E6E6;
	box-shadow: 0px 0px 10px 1px #EDEDED, inset 0 0 0 1px #E6E6E6;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	
	nav#mainNav .inner{
	width:980px;
	height:58px;
	padding:0px;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	background:url(../common/nav_line.png) no-repeat left center;
	}

	nav#mainNav li:last-child{ }

	nav#mainNav ul li a {
	display: block;
	text-align: center;
	_float:left;
	font-size:15px;
	width:120px;
	padding:10px 10px 10px 10px;
	color:#565656;
	margin:2px 0px;
	font-weight:bold;
	}
	

	nav#mainNav ul li a span, nav#mainNav ul li a strong{
	display:block;
	}

	nav#mainNav ul li a span{
	color:#34A12E;
	font-size:10px;
	font-weight:normal;
	}

	nav div.panel{
	display:block !important;
	float:left;
	background:url(../common/nav_line.png) no-repeat right center;
	}

	a#menu{display:none;}

	nav#mainNav li.active a, nav#mainNav li a:hover{
	color:#34A12E;
	padding-top:10px;
	}
	
	#mainBanner{margin:0px 0px 17px 20px; }
	#subpage #mainBanner{margin:0px auto;}
	#subBanner{margin:0px 0px 17px 0px; }
	
	#main{
	float:left;
	width:690px;
	padding-left:20px;
	}
	
	#sidebar{
	float:right;
	width:240px;
	padding:0px 20px 20px 10px;
	overflow:hidden;
	}
	
	#sidebar article{
	padding:3px;
	margin-bottom:20px;
	border:1px solid #DDDDDD;
	background:#EEEEEE;
	overflow:hidden;
	}
	
	/* グリッド全体 */
	.gridWrapper{
	width:690px;
	margin:0px 0px 0px 0px;
	}
	
	#maincontent .gridWrapper2{
	width:950px;
	margin:0px auto 0px auto;
	padding:0px;
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:2;
	}
	
	#gallery article{padding:10px 0 10px 10px;}
	#kodawari article{padding:0px 0 10px 2px; border:none; }
	#kodawari { background:#EDEDED; padding-top:60px; margin-bottom:20px;}
	
	/* グリッド */
	.grid{
	float:left;
	width:220px;
	margin-left:10px;
	}
	.grid1{
	float:left;
	width:300px;
	margin-right:20px;
	}
	.grid1 img {
		vertical-align:bottom;
	}
	
	.grid1.last { margin-right:0px; }
	
	#subpage .grid{width:auto;}
	#subpage .grid1{width:auto;}
	
  #gallery .grid{
	width:auto;
	margin:10px 0px 2px 1px;
	}
  #kodawari .grid1{
	width:auto;
	margin:10px 0 2px 0px;
	}
	
	#topMainBnr			{ width:100%; padding:20px 0px 20px 0px; }
	#topMainBnr img		{ width:980px !important; }
	#topMainBnrFrame .slider li { } 
	#topMainBnrFrame	{ width:980px;min-height:240px; margin:0px auto; }
	
/* カラー枠 */
#course article{padding:10px 0 10px 0px; border:none;}
	
	#course article .gyoumu {
	line-height:30px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:0.2%;
	width:23.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu ul { padding:1.6%; }
	#course article .gyoumu ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	#course article .gyoumu1 {
	background:url(../images/cate1.png) no-repeat center center #f29102;
	line-height:30px;
	font-weight:bold;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:21.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu1 ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	#course article .gyoumu2 {
	background:url(../images/cate2.png) no-repeat center center #9CF;
	line-height:30px;
	font-weight:bold;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:21.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu2 ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	#course article .gyoumu3 {
	background:url(../images/cate3.png) no-repeat center center #C9F;
	line-height:30px;
	font-weight:bold;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:21.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu3 ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	#course article .gyoumu4 {
	background:url(../images/cate4.png) no-repeat center center #9C0;
	line-height:30px;
	font-weight:bold;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:21.6%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	#course article .gyoumu4 ul li {
		font-size:11px;
		font-weight:normal;
		line-height:1.6em;
	}
	
	
	#course article .cm {
	background:#acd16b;
	line-height:30px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:30%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	
	#course article .cm1 {
	background:#f29102;
	line-height:30px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:30%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	
	#course article .cm2 {
	background:#92c522;
	line-height:30px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:30%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	
	#course article .cm3 {
	background:#2bb9bd;
	line-height:30px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:30%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	
	#course article .cm4 {
	background:#f77cd6;
	line-height:30px;
	padding:0px 5px 0px 10px;
	text-shadow: 1px 1px 3px #FFFFFF;
	border:#CCCCCC 1px solid;
	-webkit-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	-moz-box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	box-shadow: 0 0 5px 0 #ccc, inset 0 0 5px 0 #FEFEFE;
	margin:0.3%;
	padding:1.2%;
	width:30%;
	float:left;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
	}
	
	#maincontent {
	width:950px;
	height:480px;
	border:1px solid #EDEDED;
	-webkit-box-shadow: 0px 0px 4px 0px #E6E6E6, inset 0px 0px 4px 1px #FFF;
	-moz-box-shadow: 0px 0px 4px 0px #E6E6E6, inset 0px 0px 4px 1px #FFF;
	box-shadow: 0px 0px 4px 0px #E6E6E6, inset 0px 0px 4px 1px #FFF;
	position:relative;
	behavior: url(../common/PIE.htc) ;
	margin:10px auto;
	padding:5px;
}

#myPhoto {
	width: 950px;
	height: 480px;
	position:relative;
	z-index:0;
}
#myPhoto2 {
	width: 800px;
	height: 300px;
	position:relative;
	z-index:0;
}
#myPhoto2 img {
	width: 800px;
	height: 300px;
	position:relative;
	z-index:0;
}

#maincontent .catch {
	font-size:16px;
	color:#000;
	position:absolute;
	top:75px;
	left:75px;
	z-index:2;
	display:block;
}