@CHARSET "UTF-8";
@import url("common.css");
@import url("menu.css");
@import url("block.css");

/*------------------------------------------------------------------------------
Author
	File Name:   /stylesheets/base-style.css
	Author:      msakuma
	Created:     2009/09/19
	Modified:    2009/09/19
------------------------------------------------------------------------------*/

/*======================================
  Wrapper
======================================*/
#wrapper {
	min-width: 900px;	/* 最小サイズ */
	background: #fff;
	text-align: left;
}


/*======================================
  Intro
======================================*/
#intro {
	margin: 0;
	padding: 2px 10px;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	background: #dcdcdc;
}
#intro_left {
	float: left;
	text-align: left;
}
#intro_right {
	text-align: right;
}
#intro_right ul {
	list-style: none;
}
#intro_right ul li {
	display: inline;	/* 横並び */
	margin: 0 2px;
}


/*======================================
  Header
======================================*/
#header {
	margin: 0;
	padding: 0 10px;
	background: #fff;
}
/* ロゴ */
#header_logo {
	float: left;
	height: 80px;
	text-align: left;
}
#header_logo img {
	border-style: none;
}

/* 広告 */
#header_ad {
	float: left;
	width: 40%;
	margin: 0;
	padding: 10px 0 0 10%; /* Firefox 以外では、下 padding を 10px にすると、80px の範囲からはみ出す */
}
#telop_box {
	line-height: 26px;	/* 垂直中央揃え */
	height: 26px;
	margin: 0;
	padding: 5px 10px 5px 40px;
	border-width: 2px 0;
	border-style: solid;
	border-color: #aaa;
	background: #f6f6f6 url("../images/icon/snow/Pin.png") no-repeat 5px center;
	color: #666;
}

/* 検索 */
#header_util {
	/*line-height: 80px;
	height: 80px;*/
	margin: 0;
	padding: 0;
	text-align: right;
}
#addclips {
	padding: 10px 0 5px 0;
}
#google_search {
	padding: 5px 0 10px 0;
}
.search_button {
	vertical-align: middle;
}


/*======================================
  GrobalNavi
======================================*/
#gnavi {
	height: 2em;
	padding: 0.3em 0;
	background: #3e3e3e;
	font-size: 110%;
}


/*======================================
  Separator H
======================================*/
div.separator_h {	/* IE 対策として、div の border は使用しない */
	clear: both;	/* フローのクリア */
	width: 100%;
	padding: 1px 0 0 0;
	border-top: 1px solid #3e3e3e;
	border-bottom: 1px solid #3e3e3e;
	background: #fff;
}


/*======================================
  Main
======================================*/
#main {
	float: left;
	width: 70%;
	margin: 0;
	padding: 20px 0;
	background: #fff;
}

#main p {
	margin: 0 0 1.5em 40px;
}
#main p.right {
	float: right;
}
#main ul {
	margin: 0 20px 1.5em 60px;
}
#main ul.style_none {
	list-style: none;
	margin: 0 20px 1.5em 40px;
}
#main ul.pager {
	float: right;
	margin-right: 20px;
	margin-left: 40px;
}
#main ol {
	margin: 0 20px 1.5em 60px;
}
#main form {
	margin: 0 0 1.5em 40px;
}
#main form.noneBorderForm {
	margin: 0;
}
#main table {
	margin: 0 0 1.5em 40px;
}
#main .src_area {
	margin: 0 0 1.5em 40px;
}


/*======================================
  Sub
======================================*/
#sub {
	float: left;
	width: 27%;
	margin: 5px 0 0 20px;
	padding: 10px 0;
}

/* 手順 */
#flow {
	list-style: none;
}
#flow li {
	width: 180px;
	padding: 8px 0 8px 8px;
	border-left-color: #ccc;
	border-left-style: solid;
	border-left-width: 4px;
	color: #888;
	font-weight: bold;
}
#flow li.selected {
	border-left-color: #ff8c00;
	color: #000;
}

#sub p {
	margin: 0 0 1.5em 0;
}
#sub ul {
	list-style-type: none;
}
#sub ul.left20 {
	list-style-type: disc;
	margin-left: 20px;
}


/*======================================
  Footer
======================================*/
#footer {
	clear: both;
	margin: 0;
	padding: 2px 10px;
	border-top: 1px solid #ccc;
	background: #f3f3f3;
	text-align: center;
}
#footer ul {
	list-style: none;
}
#footer ul li {
	display: inline;	/* 横並び */
	margin: 0 2px;
}