@charset "utf-8";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　共通レイアウト設定　★

■１．初期設定のリセット
■２．初期設定（タグ設定）
■３．共通仕様
　●３-１　ラッパー
　●３-２　ヘッダー
　●３-３　ナビゲーション（横型）
　●３-４　コンテンツ・ラッパー
　●３-５　コンテンツ、左右コンテンツ
　●３-６　ナビゲーション（縦型）
　●３-７　ページトップ
　●３-８　フッター
　●３-９　ＡＩバナー

■４．対複数設定
　●４-１　フロート・クリアーボックス
　●４-２．コンテンツタイトル
　●４-３．コンテンツテキスト
　●４-４.マージン・パディング調整
　●４-５．ボーダー
　●４-６.ボックス

■５．その他
　●５-１.次のページ・前のページリンク
　●５-２.コンテンツ下部お問合せバナー
　●５-３.ページ内リンク

■６．プリント用


★　サンプルCSSの記述順　★
→表示形式等
	・display
	・list-style
	・position
	・float
	・clear

→ボックスモデル
	・width
	・height
	・margin
	・padding
	・border
	・background
	
→フォント設定
	・color
	・font
	
→テキスト設定に関してはボックスモデルと併記
	・text-decoration
	・text-align
	・text-indent
	
	・vertical-align

→その他は末尾、コメント等を併記
	・other text
	
→以下プロパティに関しては未記述
	・content

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．初期設定リセット
タグに設定されている初期値を解除

※この設定は任意
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}


a,
a:link,
a:visited {
	color:#86c129;
	text-decoration: none;
}

a:hover,
a:active {
	color:#86c129;
	text-decoration:underline;
}


table {
	border:0;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．初期設定
タグに値を設定

タグ自体に設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body {
	margin:0px;
	padding:0px;
	color:#333;
	font:14px 'ヒラギノ 角ゴ pro W3','hiragino kaku Gothic Pro','メイリオ',meiryo,'MS Pゴシック',sons-self;
	text-align:center;
	line-height:1.6em;
}

/** for IE7 **/
*+html body {
font-family:'メイリオ', 'ＭＳ Ｐゴシック';
font-size:82%;
}


/** for IE6 **/
* html body {
font-family:'ＭＳ Ｐゴシック';
font-size:82%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■３．共通仕様

　※ここでの設定は、ＩＤ・ＣＬＡＳＳは固定名
　※設定する値は任意

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-１．ラッパー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#wrapper{
	width: 940px;
	margin:0;
	padding:0;
	margin:0 auto;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-２．ヘッダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#header {
	height: 150px;
	margin-bottom: 10px;
	clear:both;
}

*+html #header {
	margin-bottom: 30px;/*IE7 hack*/
}

#header h1 {
	font-size:14px;
	font-weight: normal;
	color: #333;
	width:100%;
	margin-top: 20px;
}

#header .logo {
	width: 350px;
	height: 50px;
	margin-top: 10px;
	float: left;
}


#header .contact {
	width: 240px;
	height: 50px;
	margin-top: 10px;
	margin-right: 5px;
	float: right;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-３．ナビゲーション
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#navi {
	width: 940px;
	height: 50px;
	margin-top: 15px;
}

#navi ul {
	list-style: none;
}

#navi ul li {
	width: 235px;
	height: 50px;
	margin:0;
	padding:0;
	float: left;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-４．サイドメニュー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#left_side {
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
	float:left;
	background-color:#CF9;
}

#menu {
	width: 220px;
	height: 250px;
	background: url(../images/bg_left.jpg) no-repeat;
	float: left;
}

#menu ul {
	width: 200px;
	margin: 10px;
	list-style: none;
}

#menu ul li{
	margin-bottom: 5px;
	float: left;
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-５．メイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#main {
	width: 700px;
	margin-bottom: 20px;
	float:right;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-８．フッター
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	height: 120px;
}

#footer address {
	font-style: normal;
	color: #FFF;
	width: 360px;
	margin-top: 20px;
	float: left;
}

#footer .footertxt {
	color: #FFF;
	margin-top: 95px;
	float: right;
}

#footer p {
	line-height: normal;
	padding: 0;
	text-align: center;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■４．対複数設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●４-１.フロート・クリアーボックス
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.clear {
	clear:both;
	line-height:0px;
	font-size:0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●４-２．コンテンツタイトル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆ページタイトル*/

/*◆サブタイトル*/
.stitle01{}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●４-３．コンテンツテキスト
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* ◆強調（太字） */
#content strong{
	font-weight:bold;
}

/*◆赤字*/
.red {
	color:#e60000;
}

.red2{
	color:#e60000;
	font-size: 20px;
}


/*◆カラー*/


/* ◆基本テキスト */
.style01{
	margin:0 10px 10px;
	text-align:left;
}

.style02{
	margin:0 10px 20px;
	text-align:left;
}
.style03{
	margin:0 20px 10px;
	text-align:left;
}

.style04{
	margin:0 20px 20px;
	text-align:left;
}

div.wed_p img {
	margin: 0 0 10px 30px;
	padding: 4px;
	border: #6C432D 1px solid;
	}



/*◆改行禁止*/
.nobr{
	white-space:nowrap;
}

/*◆テキスト位置*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●４-４.マージン調整
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.margin-b05{
	margin-bottom:5px;
}
.margin-b10{
	margin-bottom:10px;
}
.margin-b20{
	margin-bottom:20px;
}
.margin-b30{
	margin-bottom:30px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●４-５．ボーダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　●４-６.ボックス
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*◆コンテンツ内画像用フロートボックス*/
.fbox-l{
	float:left;
	padding:0 10px 10px;
}

.fbox-r{
	float:right;
	padding:0 10px 10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５．その他の設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■６.プリント用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media print{
body{
	background:none;
	background-color:#ffffff;
}
form,.page-up {display:none;}
}