@charset "shift_jis";
/* CSS Document */

/*
 Share Style [
----------------------------------------------------------- */
body {
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:80%;
	line-height:1.5;
	margin:0px;
	padding: 0px;
	background-image: url(../img/ssfs_paper_texture_7.png);
	color:#333;
}
h1,h2,h3,h4,h5,h6 {
	font-size:85%;
	font-weight:normal;
	margin:0;
	padding:0;
}
p {
	margin:0px;
}


ul {
margin:0px;
}

img {
	border:0px;
	vertical-align: text-bottom;
}
hr {
	margin: 5px 0px 10px 0px;
	border:none;
	border-top:dashed 1px #BFB2A4;
	height:1px;
	color:#FFFFFF;


}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}

input.formsize { width:90%; }
textarea{
	width:90%;
/*	font-size:100%;*/
}

form {margin:0px;}

.hide{
	display:none;
}

/*
 Link Color [
----------------------------------------------------------- */
a {
	text-decoration:underline;
	color:#369;
}
a:link {
	color:#369;
}
a:visited {
	color:#369;
}
a:hover {
	color:#690;
	text-decoration:none;
}
a:active {
	color:#690;
}


/*
 layout
----------------------------------------------------------- */
#bg_top {
	background-image:url(../img/bg_s01_1.png);
	background-repeat:no-repeat;}

#bg_shop {
	background-image:url(../img/bg_s02_2.png);
	background-repeat:no-repeat;}
#bg_profile {
	background-image:url(../img/bg_s03_3.png);
	background-repeat:no-repeat;}
#bg_menu {
	background-image:url(../img/bg_s04_4.png);
	background-repeat:no-repeat;}
#bg_shopinfo {
	background-image:url(../img/bg_yoko.png);
	background-repeat:no-repeat;}
#bg_contact {
	background-image:url(../img/bg_s05_5.png);
	background-repeat:no-repeat;}
	
#wrapper {
	margin: 0 auto;
	width: 960px;
	padding: 0px 20px;

}
#header {
	padding: 0px 25px;
	margin: 0px;
	background-image: url(../img/header.png);
	height: 120px;
	background-repeat:no-repeat;
}
#header_in{
	margin: 0px auto;
}

#header_in h1 {
	margin:0px;
	font-size:75%;
	font-weight:normal;
	
}
#header_in #logo {
	width: 235px;
	margin:50px 0px;
	padding:0px;
}
#leftcolumn_menu{
	padding:0px;
	margin: 15px 0px;
}

#leftcolumn_menu img{
	padding:0px;
	margin: 0px 0px 3px 0px
	;
}

#leftcolumn {
	margin: 0px;
	padding: 0px 25px 20px 25px;
	width: 240px;
	float: left;
}
	
#rightcolumn {
	float: right;
	margin: 0px;
	padding: 0px 25px 20px 0px;
	width: 640px;
}

#top_comment{
	background-image:url(../img/top_midashi4.jpg);
	background-repeat:no-repeat;
	width:618px;
	height:700px;
	padding: 550px 0px 0px 0px;
	line-height: 2.2;
}


#footer {
	clear: both;
	margin: 0px;
	padding: 0px 25px 0px 25px;
	background-image: url(../img/footer_bg.png);
	background-repeat: no-repeat;
	height:227px;
}

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

#footer a:link {
	color: #369;
}

#footer a:hover {
	color:#690;
	text-decoration:underline;
}


#footer1 {
	clear: both;
	margin: 0px auto;
}

#footer1_in {
	clear: both;
	margin: 0px auto;
	padding: 10px;
	min-height: 95px;
}

#footer2 {
	clear: both;
	margin: 0px auto;
	padding: 0px 0px 0px 270px;
	line-height: 2.2;
}




/*コピーライト
----------------------------------------------------------- */
.copy{
	font-size:80%;
	margin:0px;
	font-family: Verdana,Geneva,sans-serif;
padding: 30px 0px 0px 270px;
}



/*
 枠、テーブル
----------------------------------------------------------- */
.ma {
	margin:15px 0px;
}
.ma2 {
	margin:0px 40px;
}
.ma_text{
	margin:15px 30px;
}
.ma_center{
	margin:15px 30px;
	text-align: center;
}

.ma_text2{
	margin:15px 15px;
}

.box {
	padding: 10px;
	background-color: #FFF;
	margin: 15px 0px;
}



.box1 {
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
	margin: 15px 0px;
}


.box2{
	padding: 5px 25px;
}


table	{
	border-collapse: collapse;	border-spacing: 0;


}


.table1	{
	border: 1px solid #DDD;
	width: 100%;
	margin-bottom: 30px;
}

.table1 th	{
	border: 1px solid #DDD;
	color: #333;
	padding: 10px;
}
.table1 td	{
	border: 1px solid #DDD;
	color: #333;
	padding: 10px;
}
.akawaku{
	color: #FFF;
	background-color:#C00;
	border:1px solid #C00;
	padding:3px;
	font-size: 75%;
}


.greenwaku{
	border:3px solid #F90;
	padding:3px;
	font-size: 75%;
	
  background: rgba(255, 255, 255, .3);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#44FFFFFF', endColorstr='#44FFFFFF');
}
  
.graywaku{
	color: #FFF;
	background-color:#999;
	border:1px solid #666;
	padding:3px;
	font-size: 75%;

}

.creamwaku{
	background-color:#FFC;
	border:1px solid #eeddaa;
	padding:3px;
	margin: 10px 0px;
}


.block2{
	margin:0px 0px 10px 0px
}



.caption_1 {
	margin:5px 0px;
	font-weight: bold;
	color:#F60;
	font-size: 16px;
}
.caption_2 {
	margin:5px 0px;
	font-weight: bold;
	color:#099;
	font-size: 16px;
}
.caption_3 {
	margin:5px 0px;
	font-weight: bold;
	color:#F36;
	font-size: 16px;
}
.caption_4 {
	margin:5px 0px;
	font-weight: bold;
	color:#690;
	font-size: 16px;
}
.caption_5 {
	margin:5px 0px;
	font-weight: bold;
	color:#939;
	font-size: 16px;
}
.caption_6 {
	margin:5px 0px;
	font-weight: bold;
	color:#069;
	font-size: 16px;
}
div.imagebox {
	width: 248px; /* 横幅 */
	float: left; /* 左に配置 */
	margin: 10px 22px 20px 0px; /* 周囲の余白 */
	padding: 14px 14px 0px 14px;
	min-height:184px;
	height: auto !important;
	height: 184px; /*ここに IE６用の高さを設定*/
	background-image: url(../img/top_midashi3_bg.jpg);
}

div.imagebox2 {
	border: 1px solid #CCC; /* 枠線 */
	background-color: #FFF;  /* 背景色 */
	width: 245px; /* 横幅 */
	float: left; /* 左に配置 */
	margin: 10px 20px 20px 0px; /* 周囲の余白 */
	padding: 15px;
	text-align: center;
	min-height:165px;
	height: auto !important;
	height: 165px; /*ここに IE６用の高さを設定*/
}


p.image {


}

p.caption {
	margin: 5px 0px;
	font-size:12px;
}

p.exp {
			clear: left;       /* 回り込みを解除 */
		}


#right_gallery{
	padding:20px 0px 20px 20px;
	margin: 0px;
}


.ma_text dl{
	padding: 0px;
	overflow: hidden;
}
.ma_text dt{
	float: right;
	margin-left: 10px;
	padding: 10px 0;
	text-align: right;
}
.ma_text dd{
	padding: 10px 0px 10px 0px;
	border-bottom: 1px dotted #999;
	padding-left: 20px;
	background: url(../img/bullet_r.png) no-repeat 2px 15px;
	margin: 0px;
	}
	
	
/*
 メニュー
----------------------------------------------------------- */

#pan {
	font-size:80%;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
	margin: 15px 0px;
}

/*
 見出し
----------------------------------------------------------- */
.midashi1 {
	padding:0px 0px 0px 35px;
	margin:20px  0px;
	font-weight: bold;
	font-size: 120%;
	height: 40px;
	line-height: 40px;
	background-image: url(../img/midashi1.png);
}


/*
 リストマーク
----------------------------------------------------------- */
.pagetopwaku {
	margin: 60px 0px 0px 0px;
}
.pagetop {
	background-image: url(../img/bullet_t.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 75%;
	height: 17px;
	margin: 10px 0 0;
	padding: 0 0 0 12px;
}
