@charset "utf-8";

/* html＆body */
/* width、heightを適用される為 */
html{
height:100%;
width:100%;
}

/* 背景画像専用のbody指定 */
body{
font-size:12px;
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka','ＭＳ ゴシック','Osaka‐等幅','sans-serif';
color:#333;
line-height:160%;
height:100%;
width:100%;
background:url(../img/all_bg001.gif) repeat-x;
margin:0;
padding:0;
}

/* ------ 初期値リセット系 ----- */

/* bodyとtableのリセット */
th,td{
text-align:left;
font-size:12px;
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka','ＭＳ ゴシック','Osaka‐等幅','sans-serif';
color:#333;
line-height:160%;
font-weight:normal;
margin:0;
padding:0;
}

dl,dd,dt{
margin:0;
padding:0;
}

ul,ol,li{
margin:0;
padding:0;
}

a{
color:#669900;
padding:0;
margin:0;
}

a:hover{
color:#f30;
}

hr{
display:none;
}

img{
border:0px;
}


/* 見出しのリセット */
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-size:medium;
line-height:100%;
font-weight:normal;
}

/* pのリセット */
p{
margin:0;
padding:0;
}


/* ----- 全ページ共通レイアウト ----- */

#wrapper{
width:100%;
height:100%;
text-align:center;
vertical-align:top;
}

#all{
	width:760px;
	height:100%;
	margin:0 auto;
}

#header{
	width:760px;
	height:70px;
	vertical-align:top;
	margin: -52px 0 0 0;
}

#logo{
float:left;
width:63px;
height:65px;
}

#orderbtn01{
float:right;
width:384px;
height:65px;
}

#content{
width:760px;
background:url(../img/idx_bg001.gif) repeat-y;
}

#title{}

#image{}

#navi{
margin:0 0 0 0;
}

#navi dd{
float:left;
}

#orderbtn02{
	position:relative;
	left:465px;
	top:534px;
	width: 286px;
	height: 52px;
}

#orderbtn02_2{
	position:relative;
	left:465px;
	top:328px;
	width: 286px;
	height: 52px;
}

#content2{
padding:15px 1px 0 1px;
text-align:left;
}

#footer{
margin:0;
padding:0;
}

#footernavi{
margin:0;
padding:0;
}

#footernavi dd{
float:left;
}

/* 第二階層用 */

#home{
float:right;
width:70px;
height:23px;
margin:43px 8px 0 0;
}

#guidenavi{
padding:0 0 0 10px;
margin:0 0 20px 0;
width:400px;
}

#layouttbl{
margin:0 0 0 10px;
width:740px;
}

#layouttbl th.headline{
border-bottom:#669900 1px solid;
}

#layouttbl td{
}

#layouttbl .leftcont{
padding:25px 15px 15px 15px;
vertical-align:top;
}

#layouttbl .rightnavi{
background-color:#E2ECCF;
padding:20px 15px;
vertical-align:top;
}

#layouttbl .rightnavi2{
background-color:#E2ECCF;
padding:10px;
text-align:right;
vertical-align:bottom;
}

#layouttbl2{
margin:0 0 0 20px;
width:720px;
}

#layouttbl2 th{
}

#layouttbl2 td{
}

.rnavi_list{}

.rnavi_list dd{
margin:0 0 10px 0;
}



/* ------ 全ページで使うであろう設定 ------ */

/* floatのクリア指定 */
.clear{
clear:both;
height:0;
overflow:hidden;
*height:1px;
}

/* スペース */
.space{
margin:0 0 20px 0;
}

/* テキストの指定 */
.nomaltxt01{
margin:0 0 20px 0;
}

.indent01{
padding:0 0 0 1.2em;
}
.indent02{
padding:0 0 0 2.4em;
}


/* イメージの指定 */
.img01{
margin:0 0 15px 0;
}

.imgtxt{
vertical-align:text-bottom;
}

/* 右側配置 */
.posiright{
text-align:right;
width:510px;
margin:0 0 20px 0;
}
.posiright02{
text-align:right;
width:520px;
margin:0 0 20px 0;
}

/* テーブルの右寄せ */
.right{
text-align:right;
}


/* ボーダー系 */
.border01{
border-top:#669900 1px dashed;
margin:0 0 20px 0;
}

.border02{
border-top:#666666 1px dashed;
margin:0 20px 20px 0;
}


/* テキストエリア */
.textarea01{
width:660px;
margin:0 auto;
padding:20px;
background-color:#F5F5EB;
}

.textarea02{
width:660px;
margin:0 auto 20px auto;
padding:10px 20px;
background-color:#F5F5EB;
}

.textarea03{
width:660px;
margin:0 auto 10px auto;
padding:10px 20px;
background-color:#F5F5EB;
}


.textarea04{
width:660px;
margin:0 auto 10px auto;
padding:10px 20px;
}



/* フォントサイズ */
.txt14{
font-size:14px;
font-weight:bold;
}