@charset "UTF-8";
/* CSS Document */

/* baseCSS ver1.4 */

/*/////////////////////////////////////////////////////////////////////////////////////
//htmlタグ
/////////////////////////////////////////////////////////////////////////////////////*/

* {
	margin:0;
	padding:0;
	font-family: Verdana, "MS UI Gothic", "Osaka", sans-serif;
	*font-family: Verdana, sans-serif; /* ~WinIE7 */
}

/* Safari \*/
html:\66irst-child body {
	font-family: Verdana, "MS UI Gothic", "HiraKakuPro-W3", sans-serif;
}
/* end */

body {
	text-align:center;
	font-size:13px; /*基本文字サイズ */
	*font-size:small; /*IE 7およびIE 6標準準拠モードに適用*/ 
	*font:x-small; /*IE 6後方互換モードに適用*/
}

/*縦100%のボックスを作る為の設定（通常はコメントにする）。
これプラス適用したいボックスにmin-height:100%（firefox対策）、height:100%を追加して下記の
body > （適用したいボックスのセレクタ） { height:auto; }
を追加する*/
html,body { height:100%; }


table {
	font-size:inherit; /*モダンブラウザ*/
	font:100%; /*IE 5-5.5、6(後方互換モード)に適用。Mac IE5にも適用？？*/
}

img {
	border:none;
	vertical-align:bottom;
}

ul { list-style:none; }

p { line-height:1.75; letter-spacing:0.1em; }

address.lifeinfo_food { font-style:normal; line-height:1.75; letter-spacing:0.1em; position:static; }

/*/////////////////////////////////////////////////////////////////////////////////////
//text関係
/////////////////////////////////////////////////////////////////////////////////////*/

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }

.text {
	line-height:2;
	letter-spacing:0.1em;
}

.line-height0 { line-height:0; }
.line-height1 { line-height:1; }
.line-height1_5 { line-height:1.5; }
.line-height2 { line-height:2; }

.letterSpace1 {	letter-spacing:0.1em; }
.letterSpace2 {	letter-spacing:0.2em; }

.bold { font-weight:bold; }

/*/////////////////////////////////////////////////////////////////////////////////////
//float関係
/////////////////////////////////////////////////////////////////////////////////////*/

/*----- clearfix -----*/
.clearfix { zoom:1; }/*for IE 5.5-7*/

.clearfix:after {
	content: "";
	display: block;
	clear:both;
}
/*----- clearfix end -----*/

.f_left { float:left; }
.f_right { float:right; }

.floatClear {
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

.clearboth { clear:both; }

/*/////////////////////////////////////////////////////////////////////////////////////
//余白関係
/////////////////////////////////////////////////////////////////////////////////////*/

.marginAuto { margin-left:auto; margin-right:auto; }

.margin_bottom5 { margin-bottom:5px; }
.margin_bottom10 { margin-bottom:10px; }
.margin_bottom15 { margin-bottom:15px; }
.margin_bottom20 { margin-bottom:20px; }
.margin_bottom25 { margin-bottom:25px; }
.margin_bottom30 { margin-bottom:30px; }
.margin_bottom35 { margin-bottom:35px; }
.margin_bottom40 { margin-bottom:40px; }
.margin_bottom45 { margin-bottom:45px; }
.margin_right10 { margin-right:10px; }
.margin_right14 { margin-right:14px; }
.margin_right15 { margin-right:15px; }
.margin_right16 { margin-right:16px; }
.margin_right30 { margin-right:30px; }
.margin_left10 { margin-left:10px; }
.margin_left15 { margin-left:15px; }
.margin_left100 { margin-left:100px; }
.margin_left_r15 { margin-left:-15px; }

.padding_bottom5 { padding-bottom:5px; }
.padding_bottom10 { padding-bottom:10px; }
.padding_bottom15 { padding-bottom:15px; }
.padding_bottom20 { padding-bottom:20px; }
.padding_bottom25 { padding-bottom:25px; }
.padding_bottom30 { padding-bottom:30px; }
.padding_bottom35 { padding-bottom:35px; }
.padding_bottom40 { padding-bottom:40px; }

/*/////////////////////////////////////////////////////////////////////////////////////
//全体ラッパー初期値
/////////////////////////////////////////////////////////////////////////////////////*/

#wrapAll {
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
}

/*/////////////////////////////////////////////////////////////////////////////////////
//Header関係
/////////////////////////////////////////////////////////////////////////////////////*/

.headerImgBase { height:0; overflow:hidden; }

/*/////////////////////////////////////////////////////////////////////////////////////
//リスト関係
/////////////////////////////////////////////////////////////////////////////////////*/

/* リスト背景に点線 */
.list_dot { list-style:none; line-height:1.75; letter-spacing:0.1em; }
.ie6 .list_dot li { height:1; line-height:1.1; }
.list_dot .dotBase { text-align:right; clear:both; }
.list_dot .dotWrapper { display:block; background:url(../img/common/dot.png) center center repeat-x; }
.list_dot .dotName { float:left; background:#ffffff; padding-right:2px; }
.list_dot .dotContent { padding-left:2px; background:#ffffff; }
/* ulリスト背景に点線ver2（右側折り返しあり） */
.list_dot .dotBase2 { clear:both; text-align:right; }
.list_dot .dotWrapper2 { float:left; display:block; background:url(../img/common/dot.png) center center repeat-x; }
.list_dot .dotName2 { background:#FFFFFF; padding-right:2px; float:left; }
.list_dot .dotContent2 { float:left; display:block; padding-left:2px; background:#ffffff; }

/*/////////////////////////////////////////////////////////////////////////////////////
//javascript関係
/////////////////////////////////////////////////////////////////////////////////////*/

/*----- 文字間装飾 -----*/
.txtBarX {
	background:url(../img/common/txtBarX.png) center right no-repeat;
	margin:8px 9px 0 0;
	padding-right:10px;
}
.txtBarXend { margin:8px 0 8px 0; }