@charset "shift_jis";

/* ------------------------------------------------
 * ファイル名：co-trip.css
 * 内容      ：ことりっぷユニーク設定
 * 作成日    ：08/06/06 e.adachi
 * 対象範囲  ：すべて
 * ------------------------------------------------ */

/* ----- リンク・フォント ----- */

a:link { text-decoration: underline; color: #794c0f; }
a:visited { text-decoration:underline; color: #794c0f; }
a:hover { text-decoration:underline; color: #d5a567; }
a:active { text-decoration:underline; color: #b87d30; }

div#page { color: #555; position: relative; }
div#page h1 { color: #666; }
div#foot address { color: #666; }



/* ----- 見出し ----- */

div#page h1 {
	border-bottom: 2px solid #f3d7b3;
	background: #f8ecdb url(../img/) no-repeat;
}
div#main p.title_top,
div#main p.title_kodawari,
div#main p.title_lineup,
div#main p.title_enquete,
div#main p.title_dl {
	width: 90%;
	height: 60px;
	margin: 0 auto;
	padding-bottom: 5px;
	border-bottom: 2px dotted #de8e28;
	text-indent: -9999px;
}
div#main h2 {
	width: 692px;
	height: 45px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 5px 0 0 10px;
	border: 1px solid #b2b855;
	color: #333603;
	text-align: left;
	font-size: 14px !inportant;
}
	div#main h2 font.title_M {
		line-height: 135%;
		font-weight: bold;
		font-size: 16px !inportant;
	}



/* ----- 背景設定 ----- */

div#head { background: url(../img/img_head.jpg) no-repeat; position: relative; }
	div#head p.title { position: absolute; top: 13px; left: 20px; }
	div#head p.bnr { position: absolute; top: 6px; right: 20px; }
	div#head p.bnr1 { position: absolute; top: 6px; right: 252px; }
	div#head p.bnr2 { position: absolute; top: 6px; right: 20px; }
div#main p.title_top { background: url(../img/title_L_top.jpg) no-repeat; }
div#main p.title_kodawari { background: url(../img/title_L_kodawari.jpg) no-repeat; }
div#main p.title_lineup { background: url(../img/title_L_lineup.jpg) no-repeat; }
div#main p.title_enquete { background: url(../img/title_L_enq.jpg) no-repeat; }
div#main p.title_dl { background: url(../img/title_L_dl.jpg) no-repeat; }

div#main h2 { background: url(../img/title_M.jpg) no-repeat; }

html { background: url(../img/img_back.jpg) repeat; }
body { background: url(../img/img_back-shadow.jpg) repeat-y top; }
div#page { background: #fbf4ea; }
div#head { background: url(../img/img_head.jpg) no-repeat; }
div#menu { background: #f3d7b3; }
div#foot { background: #fbf6ee url(../img/img_foot.gif) no-repeat; }
div#main { background: url(../img/img_main-back.gif) repeat-y top; }



/* ----- メニュー ----- */

div#menu {
	width: 95%;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
}
div#menu a {
	padding-left: 18px;
	background: url(../img/icon_clover.gif) no-repeat;
}
div#main p.submenu {
	width: 90%;
	margin: 0px auto;
	margin-top: 15px;
	line-height: 150%;
}



/* ----- カラム設定 ----- */

div#main div.box {
	width: 90%;
	height: 100%;
	margin: 0 auto;
	margin-top: 5px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: left;
	line-height: 150%;
	overflow: hidden;
}
	div.box:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}
	/*\*/
	* div.box {
	    height: 1em;
	    overflow: visible;
	}
	/**/
div#main p.pagetop {
	clear: both;
	width: 90%;
	margin: 0 auto;
	margin-top: 30px;
	padding-top: 5px;
	border-top: 1px dotted #de8e28;
	text-align: right;
}



/* ----- lineup.html用 ----- */

ul.lineup_box {
	width: 650px;
	margin: 0 auto;
}
ul.lineup_box li {
	margin-right: 30px;
	float: left;
}
div.box span.lineup {
	width: 130px;
	height: 210px;
	margin: 8px 0 0 8px;
	float: left;
}
div.box span.lineup img {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.box span.lineup span {
	color: #ff5500;
	font-size: 12px;
	margin-right: 5px;
}



/* ----- enquete.html用 ----- */
div.enq {
	width: 90%;
	line-height: 1.4em;
	background: #fff;
	margin: 0 auto;
	margin-top: 20px;
	border: 1px solid #ccc;
}
div.enq p {
	margin: 20px auto;
}

div.enq table {
	width: 98%;
	background: #fbfaee;
	margin: 0 auto;
	border: 1px solid #ccc;
}
div.enq table th,
div.enq table td {
	padding: 10px;
}
div.enq table th {
	width: 45%;
	text-align: left;
	line-height: 1.4em;
	vertical-align: top;
}
div.enq table td {
	width: 55%;
}
div.enq table td.midashi {
	font-size: 0.8em;
	color: #E57D7C;
}
div.enq table td.midashi span {
	font-weight: bold;
	font-size: 1.6em;
}
div.enq table td p {
	width: 100%;
	clear: both;
	margin-top: 5px;
	float: right;
	text-align: right;
}
div.enq table td p a {
	background: url(../img/icon_arrow.gif) no-repeat;
	padding-left: 20px;
}
div.enq table td img {
	float: right;
	text-align: right;
	margin-left: 5px;
}


 /* 壁紙ページボックス */
div.wallpaper_box {
	margin-top: 20px;
}
div.wallpaper_box div {
	float: left;
	width: 131px;
	height: 13em;
	margin: 0 3px 6px;
	padding: 7px 0;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
}
div.wallpaper_box div strong { /* タイトル */
	display: block;
	margin: 0 5px;
	margin-bottom: 5px;
	font-size: 14px;
}
div.wallpaper_box div strong span { /* タイトル */
	color: #ff5500;
	font-size: 12px;
}
div.wallpaper_box div p.img { /* 画像囲み */
	width: 122px;
	height: 90px;
	margin: 0 auto;
	overflow: hidden;
}
div.wallpaper_box div p.soon { /* 画像囲み */
	width: 122px;
	height: 90px;
	line-height: 90px;
	margin: 0 auto;
	overflow: hidden;
	background: #877;
	color: #dcc;
}
div.wallpaper_box div p.img img { /* 画像 */
}
div.wallpaper_box div p.link { /* ダウンロードリンク囲み */
	text-align: left;
	padding: 5px 5px 0;
	line-height: 150%;
}
div.wallpaper_box div p.link span { /* ダウンロードリンク囲み */
}
div.wallpaper_box div p.link span { /* ダウンロードリンク */
	display: block;
	background: url(../img/icon_wpaper.gif) no-repeat 0em 0.2em;
	padding-left: 18px;
}


.wallpaper_use {
	margin-top: 20px;
}
.wallpaper_use div {
	font-size: 0.8em;
}
.wallpaper_use div p {
	margin-bottom: 10px;
	padding-left: 0.5em;
	text-align: left;
	clear: both;
	color: #346448;
	font-weight: bold;
	font-size: 1.1em;
	border-left: 1em solid #346448;
}
.wallpaper_use div span {
	display: block;
	width: 150px;
	height: auto;
	vertical-align: top;
	margin-right: 13px;
	padding-right: 18px;
	text-align: left;
	float: left;
	background: url(../img/icon_arrow2.gif) no-repeat right 0;
}
.wallpaper_use div span.non {
	background: none;
	margin-right: 0;
	padding-right: 0;
}




.kabegami {
	width: 90%;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: 20px;
	text-align: left;
}
.kabegami p {
	margin: 10px;
	color: #346448;
	font-weight: bold;
	font-size: 1.1em;
}
.kabegami span {
	display: block;
	line-height: 1.3em;
	margin: 10px;
}
.kabegami a {
	display: block;
	margin: 10px;
}
.kabegami img {
	display: block;
	margin: 10px;
}