@charset "UTF-8";
@import url("block.css");
/* -----リセットCSS　変更しない ここから------------------- */
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; }
p { margin: 0px 0px 3px 0px; padding: 0; border: 0; font-size: 100%; }
div, blockquote, pre, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; font-size: 100%; }
table, caption, th, td { font-style: normal; font-weight: normal; font-size: 100%; border-collapse: collapse; margin-bottom: 0px; }
th { white-space: nowrap; vertical-align:top; }
hr { margin: 0; padding: 0; font-size: 100%; }
iframe { margin: 0; padding: 0; border: 0; font-size: 100%; }
form, fieldset, input, button, select, optgroup, option, textarea, label, legend { margin: 0; padding: 0; font-size: 100%; }
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br, ins, del, a, img, object { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: inherit; font-size: 100%; }
ul, ol { list-style-position:outside; list-style-type:none; }
/* -----リセットCSS　変更しない ここまで------------------- */

/* --フォント指定---------- */
/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ 
body { font:13px/1.231 "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; *font-size:small;
*font:x-small;
}
select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;line-height:100%; }
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.bold { font-weight: bold; }
.fontBig { font-size:138.5%; }
.orange { color:#FF4100 }
.img-left { float:left;margin-right:20px; }
.img-right { float:right;margin-left:20px;}
.img-bottom { vertical-align:bottom; }
.clear { clear:both }
.mr-bottom20 { margin-bottom:20px }
.mr-top5 { margin-top:5px; }
.black { color:#000000; }
.red { color:#C1272D }
.green { color:#86b92c }
.font-small {font-size:77%;}



/* -----------基本テキストカラー　指定------------------------------- */
body { color: #222222; text-align:center;background:#d4eae7 url(../img/common/bg_body.png) repeat-y center top;}
/* -----------リンク色　指定------------------------------- */
a:link    {color:#000000;text-decoration: underline }
a:visited {color:#000000;text-decoration: underline }
a:hover   {color:#2bd3c8;text-decoration: none }
img a     {border:0 none; }
img       {vertical-align:bottom }



/* --------------------------------------------------
	レイアウトサイズ　横幅・背景・margin・padding 指定
-------------------------------------------------- */
#header       {width: 760px; margin: 0 auto; background: url(../img/common/bg_header.png) no-repeat center top;}
#headerInner  {width: 760px; margin: 0 auto; }
#wrapper      {width: 760px; margin: 0 auto; }
#wrapperInner {width: 760px; margin: 0 auto; overflow:hidden; _zoom:1; clear:both;}
#content      {width: 610px; margin: 0 auto; }
#contentInner {width: 540px; margin: 0 auto; overflow:hidden; _zoom:1; }
#sidebar      {width: 150px; margin: 0 auto; }
#sidebarInner {width: 150px; margin: 0 auto; }
#footer       {width: 760px; margin: 0 auto; }
#footerInner  {width: 760px; margin: 0 auto; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#header{background: url(../img/common/bg_header.png) no-repeat 1px top;width: 761px;}
}



/* --------------------------------------------------
	header
-------------------------------------------------- */
#headerInner { height: 220px;text-align:left;position:relative;} /* ---高さ指定--- */
#header #sitetitle {position:absolute; top:53px; left:47px; }
#header #sitedescription { position:absolute; top:3px; left:10px;font-size:11px;}
#header #tel { position:absolute; top:113px; left:136px;}
#header #fax { position:absolute; top:113px; left:396px;}
#header #kyoka { position:absolute; top:117px; left:47px;font-size:10px;}

/* --------------------------------------------------
	wrapper
-------------------------------------------------- */
#wrapperInner {padding-top:20px;}


/* --------------------------------------------------
	content
-------------------------------------------------- */
#content {float:right;}  /* ---左右位置指定--- */
#contentInner {text-align:left;margin-bottom:50px;}
#contentInner p{margin-bottom:10px;}

#pagetop {clear:both;margin-top:50px;margin-bottom:0px;text-align:right;}
/* --------------------------------------------------
	sidebar
-------------------------------------------------- */
#sidebar {float:left;} /* ---左右位置指定--- */
#sidebarInner {}

/* --------------------------------------------------
	sidebar-part
-------------------------------------------------- */
.menu {margin:0px auto 20px auto;}
.menu li{margin-bottom:5px}
.banner {margin:20px auto;}
.banner li{margin-bottom:5px}

/* --------------------------------------------------
	footer
-------------------------------------------------- */
#footer {clear:both;text-align:right;margin-top:100px;}
#footerInner {width:550px;text-align:center;margin-right:0px;margin-left:auto;}
.foot_info p{margin:0px auto;}

/* --------------------------------------------------
	other
-------------------------------------------------- */
#pankuz {text-align:right;margin-top:5px;line-height:15px;font-size:11px;color:#a3a3a3;}
#pankuz img{vertical-align:-2px;padding-right:5px;}

/* --------------------------------------------------
	common
-------------------------------------------------- */
.pagetop {text-align:right}


/* --------------------------------------------------
 toppage
-------------------------------------------------- */
.bold_title {margin-bottom:15px;font-weight: bold;font-size:108%; }

#gyousya {margin-top:15px;margin-bottom:15px;padding:10px;border-bottom:2px solid #1D2087;border-top:2px solid #1D2087;overflow:hidden; _zoom:1;}
#gyousya p{margin-bottom:0px;}

#system {background: url(../img/toppage/system_bg.gif) repeat-x left top;width:540px;margin-top:30px;margin-bottom:30px; }
#system ul{overflow:hidden; _zoom:1;margin-left:10px;font-size:11px;}
#system li{width:96px;float:left; margin-right:10px;}

#kaitori {margin-top:15px;margin-bottom:30px;border-bottom:2px solid #E50012;border-top:2px solid #E50012;position:relative;width:540px;height:90px;}
.kaitori_btn {position:absolute; top:20px; right:30px;}
.kaitori_tel {position:absolute; top:10px; left:30px;}
 
/* --------------------------------------------------
 goods
-------------------------------------------------- */
.title {margin-top:20px;margin-bottom:20px;font-size:138.5%;font-weight: bold;}

#goods_list {margin-bottom:20px;overflow:hidden; _zoom:1;}
.goods {width:120px;float:left;margin-bottom:20px;margin-right:10px;height:200px;text-align:center;border:1px solid #8DC221}
.goods p{margin:10px auto 0px auto;}
.goods dl{width:110px;margin:0px auto; text-align:left;}
.goods dl dt{margin-bottom:5px;}
.goods dl dd{font-size:12px;}
.etc img{margin-top:40px;}

.no-kaitori {border: 2px solid #E50012;padding:20px;clear:both;}
.no-kaitori dl{}
.no-kaitori dt{float:left;clear:both;width:80px;font-weight: bold;padding-top:10px;padding-bottom:10px;}
.no-kaitori dd{padding-left:90px;padding-top:10px;padding-bottom:10px;border-bottom: 2px dotted #E50012;}

.table_gray {width:538px;margin-bottom:25px;border: 1px solid #666666;}
.table_gray th{background:#666666;border-right: 1px solid #000000;border-left: 1px solid #000000;border-bottom: 1px solid #e6e6e6;padding:10px; color:#e6e6e6}
.table_gray td{background:#E6E6E6;border: 1px solid #666666; padding:10px;}
.table_gray .first{border-top: 1px solid #000000;}
.table_gray .last{border-bottom: 1px solid #000000;}

.access_map {margin-bottom:25px;}

.table_01 {width:538px;margin-bottom:5px;border: 1px solid #000000;}
.table_01 th{width:100px;border: 1px solid #000000; padding:10px;background:#b3ebfe}
.table_01 td{border: 1px solid #000000; padding:10px;}
.table_01 td ul li{float:left; margin-right:10px;height:40px;}
.table_02 {width:538px;margin-bottom:25px;border: 1px solid #000000;}
.table_02 th{border: 1px solid #000000; padding:10px;background:#E6E6E6}
.table_02 td{border: 1px solid #000000; padding:10px;}

.mfp_err {clear:both;}
.bikou {margin-bottom:25px;}


.blog_title{margin-bottom:25px;}
.b_title{border-left: 3px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;padding:10px; color:#222222;font-weight: bold;}
.blog_box{border-bottom: 1px solid #E6E6E6;padding-bottom:15px;margin-top:20px}

.meta{text-align:right;}
.blog_list{border-bottom: 1px dotted #E6E6E6;padding-bottom:15px;margin-bottom:20px}
.blog_content{}
.more{text-align:right;}

#nav-below {overflow:hidden; _zoom:1;margin-bottom:10px;}
.nav-previous {float:left;padding-bottom:3px;}
.nav-next {float:right;}

.side_bloglist {text-align:left;margin-left:10px;margin-right:10px;margin-bottom:20px}
.side_bloglist dd{padding-left:10px;border-bottom: 1px dotted #000000;padding-bottom:5px;margin-bottom:5px}


.news {margin-bottom:20px}
.news dl{width:596px;margin:20px 0px 0px 14px;overflow:hidden; _zoom:1;}
.news dt{float:left;clear:both;width:120px;background: url(../img/common/point.png) no-repeat left 4px;padding-left:10px;}
.news dd{padding-left:125px;border-bottom:1px dashed #dbdbdb; padding-bottom:10px;margin-bottom:10px;}

.top_ichiran{border:1px solid #ccc;width:538px;margin-bottom:20px;}

.top_ichiran_more{font-size:13px;text-align:center;padding-top:5px;padding-bottom:10px;border-top:1px solid #f0f0f0;clear:both;}
.top_ichiran ul li{float:left;list-style:none;margin-right:8px;}
.top_ichiran ul li:first-child{margin-left:9px;}
.top_ichiran ul li:last-child{margin-right:0px;}
.yellow_back{background-color:#fff697;border-bottom:1px solid #ccc;font-size:20px;padding:8px;}
.top_item_box{width:124px;}



ul.item-list {
	clear: both;
	}
.item-list li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.item-list li:last-child {
	margin-right: 0px;
	}
.item-box {
	width: 110px;
	height: 130px;
	border: solid 1px #ccc;
	padding: 5px;
	}
.item-img {
	width: 100px;
	height: 100px;
	background-color: #ccc;
	}
.item-name {
	text-align: center;
	}
#slidebox {
	clear: both;
	}
#slidetext div{
	clear: both;
//	width:500px;
	height:29px;
	line-height:30px;
	text-align:center;
	border-top: 1px solid #f0f0f0;
	cursor:pointer;
	background:url(../images/i_swich.png) 200px -80px no-repeat;
	padding-right:15px;	
	margin-top: 180px;
	}
#slidetext div.active{
	background:url(../images/i_swich.png) 200px 8px no-repeat;
	background-color:#ccc;
	}
#slidebox ul{
float:left;
}