@charset "euc-jp";


/* リセット */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, textarea, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
border: 0 none;
margin: 0 auto;
padding: 0;
outline: 0 none;
}

body{
font-family: 'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
color: #666;
font-size: 12px;
font-weight: normal;
margin: 0 auto;
letter-spacing: 0;
text-align: left;
line-height:1.5em;
-webkit-text-size-adjust: 100%;
}

html {
overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

address, caption, cite, code, th {
font-style: normal;
font-weight:normal;
}

p{
color:#666666;
}

/*
table {
border-collapse: collapse;
border-spacing: 0;
}
*/

caption, th {
text-align: left;
}

ul {
list-style: none;
}

ol {
list-style: none;
}

img,  fieldset {
border: 0;
}

img, object, embed {
vertical-align: bottom;
}

legend {
color:#333333;
}

* リンク */ 

a{/*リンクされた文字*/
    color:#1D54A7;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
        color:#1D54A7;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
 color:#1D54A7;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#a81437;
    font-style:normal;
    text-decoration:underline;
}

a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity: 0.8; /* IE以外透過設定 */
}
/* レイアウト */

body#top {
	text-align: center;
	margin: 0 auto;
}

#all {
	width: 1020px;
	margin: 0 auto;
	padding: 0 20px;
}

.frame_head {
	width: 1020px;
	height: 2880px;
	/*height:21801780 168002450 1800 1450 1420px 2660px;*/
	margin: 10px 0 0;
}
.frame_head01 {
width: 100%;
height: 2880px;
/*height:21801780 168002450 1800 1450 1420px 2660px;*/
margin: -260px 0 0;
background-color: #ffffff;
}
.frame_left {
	float: left;
	width: 220px;
	height:9300px;
	margin: 40px 0 0;
}

.frame_main {
	float: right;
	width: 780px;
	height: 8500px;
	margin: 40px 0 0;
}

.frame_footer {
	clear: both;
	width: 1020px;
	height: 720px;
	margin: 40px 0 0;
}

.frame_point {
	position: absolute;
	left: 560px;
	width: 450px;
	height: 70px;
}

.frame_cal {
	width: 220px;
	height: 700px;
	margin: 20px 0 0;
}

.frame_guide02_tani {
	width: 345px;
height: 1760px;
	/*height:2660 168002450 1800 1450 1420px 1600px;*/
	margin: 0;
}
.frame_guide02_up {
	width: 345px;
	height: 1760px;
	/*height:2660 168002450 1800 1450 1420px 1600px;*/
	margin: 0;
}
.frame_free {
	width: 345px;
	height: 480px;
	/*height:2660 168002450 1800 1450 1420px 1600px;*/
	margin: 0;
}
.frame_freenon {
	width: 345px;
	height: 480px;
	/*height:2660 168002450 1800 1450 1420px 1600px;*/
	margin: 0;
}

/* 共通 */

a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* head */

#contents_head {
	width: 1020px;
	padding: 10px 0 0;
	background: url(../cabinet/head/head_bg.png) right top no-repeat;
}

#contents_head .title {
	position: relative;
	height: 120px;
}

#contents_head .title li {
	position: absolute;
}

#contents_head .title li.logo {
	top: 21px;
}

#contents_head .title li.illust {
	top: 21px;
	left: 428px;
}

#contents_head .title li.mail {
	top: 30px;
	left: 517px;
}

#contents_head .title li.cart {
	top: 30px;
	left: 657px;
}

#contents_head .title li.tel {
	left: 804px;
}

#contents_head .menu {
	float: right;
	margin: 0 8px 10px 0;
}

#contents_head .menu li {
	float: left;
	font-size: 1.2em;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
	border-left: 1px solid #ccc;
}

#contents_head .menu li:first-child {
	border: none;
}

#contents_head .menu li a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

#contents_head .menu li a:hover {
	color: #900;
}

#contents_head .navi {
	clear: both;
	font-size: 0;
	line-height: 1em;
	height: 36px;
	margin: 0 0 20px;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 5px 1px;
}

#contents_head .navi li a {
	float: left;
	padding: 10px 0;
	background: #f90;
}

#contents_head .navi li a:hover {
	background: #ffb84d;
}

#contents_head .search {
	clear: both;
	position: relative;
	height: 90px;
	margin: 10px 0 0;
}

#contents_head .search form {
	position: absolute;
	top: 10px;
	left: 30px;
}

#contents_head .banner {
	overflow: hidden;
	margin: 0 -12px 0 0;
}

#contents_head .banner a {
	float: left;
	display: block;
	margin: 0 12px 12px 0;
}

#contents_head .slide {
	float: left;
	width: 360px;
	height: 348px;
}

/*#contents_head .slide {
	float: left;
	width: 516px;
	height: 504px;
}*/



/* left */

#contents_left .recommend {
	margin: 0 0 10px;
	background: #fff8ee;
	border: 4px solid #f90;
	border-top: none;
}

#contents_left .recommend h3 {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0 7px 24px;
	background: url(../cabinet/all/mark_h3.png) no-repeat 3px center #f90;
}

#contents_left .recommend li a {
	display:block;
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 4px 0 2px 25px;
	background: url(../cabinet/all/mark_category.png) no-repeat 7px center;
	border-bottom: 1px dotted #999;
}

#contents_left .recommend li a:hover {
	background-color: #fff;
}

#contents_left .banner a {
	display: block;
	margin: 0 0 10px;
}

#contents_left .category {
	margin: 0 0 10px;
	background: #d2ebf7;
	border: 4px solid #008cd7;
	border-top: none;
}

#contents_left .category h3 {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0 7px 24px;
	background: url(../cabinet/all/mark_h3.png) no-repeat 3px center #008cd7;
}

#contents_left .category h4 {
	color: #cc3300;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 5px 0 3px 16px;
	background: url(../cabinet/all/mark_h4.png) no-repeat 5px center #fff;
	border-bottom: 1px dotted #999;
}

#contents_left .category li a {
	display:block;
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 4px 0 2px 25px;
	background: url(../cabinet/all/mark_category.png) no-repeat 7px center;
	border-bottom: 1px dotted #999;
}

#contents_left .category li a:hover {
	background-color: #e9f5fb;
}


/* main */

#contents_main {
	width: 780px;
}

#contents_main .banner {
	overflow: hidden;
	margin: 0 -10px 0 0;
}

/* IE7 */
*+html #contents_main .banner {
	margin: 0 -10px 10px 0;
}

#contents_main .banner a {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
}

#contents_main .slide {
	margin: 0 0 10px;
}

#contents_main .news {
	clear: both;
	margin: 10px 0 20px;
	padding: 0 0 14px;
	background: #d2ebf7;
	border: 4px solid #008cd7;
	border-top: none;
}

#contents_main .news h3 {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0 7px 24px;
	background: url(../cabinet/all/mark_h3.png) no-repeat 3px center #008cd7;
}

#contents_main .news dt {
	clear: both;
	float: left;
	color: #039;
	font-size: 1.1em;
	font-weight: bold;
	width: 7em;
	margin: 14px 0 0;
	padding: 0 0 0 32px;
	background: url(../cabinet/all/mark_news.png) no-repeat 14px center;
}

#contents_main .news dd {
	padding: 14px 0 0 11em;
}

#contents_main .news dd a {
	color: #039;
	font-size: 1.1em;
}

#contents_main .news dd a:hover {
	color: #06c;
}


/* footer */

#contents_footer .footer_box {
	float: left;
	background: #d2ebf7;
	border: 1px solid #008cd7;
}

#contents_footer .footer_box1 {
	width: 378px;
	margin: 10px 0 0;
    height: 320px;
}

#contents_footer .footer_box2 {
	width: 238px;
	margin: 10px 0 0 10px;
        height: 320px;
}

#contents_footer .footer_box3 {
	width: 378px;
	margin: 10px 0 0 10px;
        height: 320px;
}

#contents_footer h3 {
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0 7px 28px;
	background: url(../cabinet/all/mark_h3.png) no-repeat 7px center #008cd7;
	border: 1px solid #fff;
	border-bottom: none;
}

#contents_footer .footer_box_in {
	padding: 0.5em 10px 10px;
	border: 1px solid #fff;
	border-top: none;
     height: 320px;
}

#contents_footer p {
	margin: 0.5em 0 0;
}

#contents_footer .p_hours {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.5em 10px 0;
	padding: 5px;
	border: 1px solid #008cd7;
}

#contents_footer .p_blue {
	color: #00f;
}

#contents_footer .p_red {
	color: #f00;
}

#contents_footer ul {
	padding: 0 0 0 14px;
}

#contents_footer li {
	list-style-type: disc;
	margin: 0.5em 0 0;
}

#contents_footer .copy {
	clear: both;
	color: #666;
	text-align: center;
	padding: 20px 0 0;
}