@charset "shift_jis";


/*共通設定
■文字サイズを変更したい場合、body項目内のfontにある「12px」を変更する。
■strong(強調文字)色を変更したい場合、strong項目内の「#993300」を変更する。現在は赤色になっている。
----------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-position: top;
	text-decoration: none;
	background-color: #FFF1D7;
	background-image: url(images/base/back.jpg);
	background-repeat: repeat-y;
}
.main_box {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 2px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
.btnimage {
	padding-right: 1px;
}


h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
	text-decoration: none;
}
img {
	border: none;
	vertical-align: bottom;
}
strong {
	font-weight: bold;
}
p {
	padding-bottom: 5px;
	padding-top: 0px;
	clear: both;
}



/*ヘッダー
■h1タグの文字色を変えたい場合、#header-container h1項目内にある「#58362D」を変える。
■h1タグの文字サイズを変更したい場合、#header-container h1項目内にある「11px」を変える。
----------------------------------------------------------------------------------*/
#header-container {
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	background-image: url(images/base/back_header003.jpg);
	background-repeat: no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom-style: none;
	height: 140px;
}
#header-container h1 {
	font-size: 11px;
	padding-top: 8px;
	padding-left: 0px;
	font-weight: normal;
	background-image: url(images/base/header01.jpg);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-right: 25px;
	color: #666666;
}


/*メインメニュー（画像を横並びにする為の設定なので変更しない）
----------------------------------------------------------------------------------*/
#menu li {
	display: inline;
}


/*コンテナー
----------------------------------------------------------------------------------*/
#container {
	width: 827px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.side_contents {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(images/base/back_side.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	margin: 0px;
	padding: 0px;
	height: 1024px;
	width: 204px;
}



/*商品の各テーブル設定
■テーブルのフチを変えたい場合、.t1項目内の「double」を変える。単なる直線なら「solid」。
　破線なら「dashed」、点線なら「dotted」。他にも色々あるので試すといいでしょう。
■テーブルのフチ色を変えたい場合、.t1項目内の「#CCCCCC」を変える。現在はグレー色。
■写真のフチ色を変えたい場合、.t1 img項目内の「#CCCCCC」を変える。現在はグレー色。
　また、写真とフチの間のスペースにも色を付けられる。.t1 img項目内の「#FFFFFF」で変える。現在は白。
----------------------------------------------------------------------------------*/
.t1 {
	border: 3px double #CCCCCC;
	padding: 10px;
	margin-top: 9px;
	margin-right: 9px;
	width: 326px;
	background: url(images/item_bg.gif) repeat-x bottom;
}

.t1 td {
	vertical-align: top;
}

.t1 strong {
	background: url(images/arrow1.gif) no-repeat left top;
	padding-left: 20px;
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	margin-bottom: 10px;
}

.t1 img {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background: #FFFFFF;
}



/*メインコンテンツ
----------------------------------------------------------------------------------*/
#main {
	float: right;
	width: 591px;
	text-align: left;
	line-height: 2;
	padding-top: 0px;
	padding-bottom: 20px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	padding-right: 11px;
	padding-left: 10px;
	clear: both;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	background-image: url(images/base/toumei2.png);
	background-repeat: repeat;
}


/*What's new欄の矢印とアンダーライン
■下線の色を変えたい場合、#CCCCCCを希望色にする。ちなみに、dottedは点線なので直線にしたいならsolidにする。
----------------------------------------------------------------------------------*/
.u-line li {
	border-bottom: 1px dotted #CCCCCC;
	white-space: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}


/*サイドコンテンツ
----------------------------------------------------------------------------------*/
#side {
	float: left;
	width: 204px;
	text-align: left;
	line-height: 1.5;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 11px;
	background-repeat: repeat;
	text-decoration: none;
	height: 100%;
	margin: 0px;
	background-image: url(images/base/toumei2.png);
}


/*フッター
----------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 827px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}


/*clearfix（変更しないこと）
----------------------------------------------------------------------------------*/
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container { display: inline-block; }

/* Hides from IE-mac \*/
*html #container { }
#container { display: block; }


.side_blog {
	border-bottom: 1px dotted #CCCCCC;
	white-space: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/arrow2.gif);
	padding-left: 15px;
}
.contents_table {
	height: auto;
	width: 663px;
	border: 0px double #666666;
}

.harf_left {
	float: left;
	width: 282px;
	border: 3px double #84C8DF;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-right: 7px;
	height: 290px;
}
.midashi_harf {
	float: none;
	width: 100%;
	text-align: left;
	line-height: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-color: #CCCCCC;
	border-top-color: #CCCCCC;
	font-size: 13px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #6C594C;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	text-transform: none;
	color: #6C594C;
	font-weight: bold;
	text-decoration: none;
}
.harf_right {
	float: right;
	width: 282px;
	border: 3px double #84C8DF;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-left: 7px;
	height: 290px;
}
.side_eria {
	width: 220px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	padding-right: 4px;
	padding-left: 4px;
	margin-left: 5px;
	margin-bottom: 2px;
	border: 1px none #666666;
	padding-bottom: 5px;
}

.side_list {

	border-bottom: 1px dotted #CCCCCC;
	white-space: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
.toplist {
	border-bottom: 1px dotted #CCCCCC;
	white-space: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/arrow2.gif);
	font-size: 13px;
	line-height: 14px;
	padding-left: 15px;
}
.footerlist {

	border-bottom: 1px dotted #CCCCCC;
	white-space: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 11px;
	line-height: 16px;
	padding-left: 0px;
}
.top_align {
	vertical-align: top;
}
.img_right2 {
	float: right;
	margin-left: 2px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 14px;
	line-height: 22px;
	width: 580px;
	clear: both;
}
.recruit_list {
	white-space: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	line-height: 14px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2C0057;
	width: 90%;
	margin-left: 10px;
}
.side_etc {

	width: 210px;
	border: 1px solid #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	padding-right: 4px;
	padding-left: 4px;
}
.main_box002 {
	padding-right: 10px;
	padding-left: 10px;
	width: 650px;
}
.h3-3 {
	float: none;
	width: 300px;
	text-align: left;
	line-height: 22px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-color: #CCCCCC;
	border-top-color: #CCCCCC;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	text-transform: none;
	color: #333333;
	font-weight: bold;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 5px;
	clear: both;
}
.btn_box {
	height: 54px;
	width: 805px;
	margin-right: auto;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 11px;
	margin-bottom: 0px;
	background-image: url(images/base/toumei.png);
	background-repeat: repeat-x;
}

/*リンク画像にカーソルがのった時の半透明設定
---------------------------------------------------------------------------------------*/
a:hover img {
filter: Alpha(opacity=80);
opacity: 0.8; /*firefox safari*/
}
.contents_box {
	width: 850px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFFFFF;
	background-image: url(images/base/contentsbox_back.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	padding-top: 35px;
	margin-right: auto;
	margin-left: auto;
}
.side_btn_image {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
	height: 36px;
	width: 184px;
	margin-top: 6px;
}
.side_btn_image002 {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
	height: 49px;
	width: 184px;
	margin-top: 6px;
}

.sonota {
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 14px;
	line-height: 140%;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 21px;
}
.okurimono_parts001 {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	background-image: url(tokuten/images/002.jpg);
	width: 590px;
	margin: 0px;
	height: 50px;
	clear: both;
	padding-top: 11px;
	text-align: center;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.top_riyuu01 {
	float: left;
	height: 92px;
	width: 158px;
	margin-top: 155px;
	margin-left: 25px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size: 11px;
	line-height: 130%;
	color: #333;
	text-align: left;
	padding: 5px;
}
.okurimono_riyuu01 {
	float: left;
	height: 70px;
	width: 158px;
	margin-top: 300px;
	margin-left: 25px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size: 11px;
	line-height: 130%;
	color: #333;
	text-align: left;
	padding: 5px;
}
.top_riyuu02 {
	float: left;
	height: 92px;
	width: 158px;
	margin-top: 155px;
	margin-left: 20px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size: 11px;
	line-height: 130%;
	color: #333;
	text-align: left;
	padding: 5px;
}
.okurimono_riyuu02 {
	float: left;
	height: 70px;
	width: 158px;
	margin-top: 300px;
	margin-left: 20px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size: 11px;
	line-height: 130%;
	color: #333;
	text-align: left;
	padding: 5px;
}
.top_riyuu03 {
	float: left;
	height: 92px;
	width: 158px;
	margin-top: 155px;
	margin-left: 20px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size: 12px;
	line-height: 130%;
	color: #333;
	text-align: left;
	padding: 5px;
}
.okurimono_riyuu03 {
	float: left;
	height: 70px;
	width: 158px;
	margin-top: 300px;
	margin-left: 20px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	font-size: 11px;
	line-height: 130%;
	color: #333;
	text-align: left;
	padding: 5px;
}
