@charset 'UTF-8';

* {
	margin: 0;
	padding: 0;
}

html{
	height:100%;
}
body{
	height:100%;
	text-align: center;
	background-color: white;
}
* html div#container{
	height:100%;
}
body > #container {
	height: auto;
}
#container {
	position: relative;
	width: 100%;
	min-height: 100%;
}
#main {
	width: 900px;
	text-align: left;
    margin: 0 auto 3em;
}

th, td, li, div, p, span, a, input, textarea, h3 {
	font-size: 10pt;
}

em {
	font-style: normal;
	font-weight: bold;
}

img {
	border: 0;
}

input[type=text],
input[type=password] {
	width: 300px;
	padding: 2px;
	margin-right: 0.5em;
	border: 1px solid #999;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


/* HEADER */

#header {
	border-top: 2px solid #F8B500;
	border-bottom: 5px solid #F8B500;
	margin-bottom: 24px;
	background: url('../images/mn_bg.gif') right top no-repeat;
	position: relative;
}

#header a {
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}

#title {
	width: 640px;
	float: left;
	margin-bottom: -5px;
}
#title h1 {
	font-size: 8pt;
	font-weight: normal;
	color: #666;
	margin: 8px 0 16px 10px;
	line-height: 100%;
}
#header_logos {
	margin: 0 0 20px 10px;
}
#title .logos {
	width: 324px;
	float: left;
}
#title .logos h2 {
	height: 18px;
	margin-bottom: 2px;
}
#title .login_info {
	width: 300px;
	float: left;
}
#title .login_info p {
	margin: 6px 0 3px;
}
#header_menu {
	width: 640px;
	position: absolute;
	bottom: -5px;
}
#header_menu li {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	padding: 2px 0 5px;
}
#header_menu li.on {
	padding: 0;
}
#header_menu li a, #header_menu li em {
	display: block;
	color: #666;
	padding: 8px 12px 6px;
	text-decoration: none;
	border: 2px solid #ccc;
	border-bottom: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}
#header_menu li em {
	font-style: normal;
	color: #F8B500;
	font-weight: bold;
	border: 2px solid #F8B500;
	border-bottom: 0;
	background-color: white;
	padding: 10px 14px 11px;
	margin: 0;
}
#header_menu_main {
	width: 362px;
	margin-left: 10px;
	float: left;
}
#header_menu_main li {
	margin-right: 14px;
}
#header_menu_sub {
	width: 260px;
	float: right;
    text-align: right;
}
#header_menu_sub li a {
	margin-left: 14px;
	color: #f60;
}
#header_menu_sub li a {
	border: 2px solid #f96;
	border-bottom: 0;
}

/* MY NICHEMEDIA */

#header_mn {
	width: 245px;
	padding-top: 36px;
	float: right;
}
#header_mn h3 {
	display: none;
}
#header_mn ul {
	list-style: none;
	margin: 0 0 12px 48px;
}
* html body #header_mn ul {
	margin-bottom: 16px;
}
#header_mn li {
	margin-bottom: 4px;
}
#header_mn li a {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
#header_mn li.btn_num a		{ background-image: url('../images/mn_icon_num.gif'); }
#header_mn li.btn_verify a	{ background-image: url('../images/mn_icon_verify.gif'); }
#header_mn li.btn_msgs a	{ background-image: url('../images/mn_icon_msgs.gif'); }
#header_mn div {
	margin: 5px;
	height: 33px;
}



/* サイドバー */

#sidebar {
	width: 220px;
	float: right;
	text-align: center;
}

#main #sidebar .btns {
	margin-bottom: 14px;
	list-style: none;
}
#sidebar .btns li {
	margin-bottom: 10px;
}
#sidebar .pickup h3 {
	height: 43px;
}
#sidebar .pickup ul {
	border: 1px solid #ccc;
	border-top: 0;
	margin: -1px 0 18px;
	list-style: none;
}
#sidebar .pickup li {
	text-align: left;
	padding: 0.5em;
	border-top: 1px dotted #ccc;
}
#sidebar .pickup .description {
	font-size: 8pt;
}
.btn_detail {
	text-align: right;
}
#sidebar .pickup .btn_detail a {
	font-size: 8pt;
}

/* Gloss */

#gloss {
	margin: 0 auto;
	width: 900px;
	padding-bottom: 134px;
}
#gloss table {
	border-collapse: collapse;
}
#gloss td {
	text-align: left;
	vertical-align: top;
	border: 6px solid #ddd;
}
#gloss #checkpoint {
	padding: 10px;
}
#checkpoint_head {
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 14px;
}
#checkpoint_head p {
	font-size: 9pt;
}
#checkpoint_head h4 {
	font-size: 13pt;
	font-weight: bold;
	color: #f60;
}
#checkpoint ol {
	list-style-type: none;
}
#checkpoint li {
	padding-left: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	min-height: 17px;
}
#checkpoint .checkpoint_1 { background-image: url('../images/checkpoint_1.gif'); }
#checkpoint .checkpoint_2 { background-image: url('../images/checkpoint_2.gif'); }
#checkpoint .checkpoint_3 { background-image: url('../images/checkpoint_3.gif'); }
#checkpoint_foot {
	font-size: 8pt;
	background-color: #ddd;
	padding: 10px;
}
#howtouse {
	width: 320px;
}
#howtouse h4 {
	display: block;
	color: white;
	text-align: center;
	background-color: #999;
	padding: 1ex;
}
#howtouse ul {
	padding: 10px;
}
#howtouse li {
	font-size: 8pt;
	margin-left: 2ex;
}

/* お問い合わせリスト */

#list {
    display: block;
    background: url('../images/sidebar_list_bottom.gif') bottom no-repeat #ddd;
    margin-bottom: 1em;
    text-align: left;
}
#list h3 {
    text-indent: -3000px;
    height: 33px;
    background-image: url('../images/sidebar_list_head.jpg');
    border-bottom: 1px solid #ccc;
}
#list ul {
    padding: 6px;
    list-style: none;
}
#list li {
    display: block;
}
#list li p {
    font-size: 8pt;
}
#list li.media {
    padding: 6px;
    background-color: white;
    border-bottom: 1px solid #ccc;
    margin-bottom: 6px;
}
#list .media_head {
    margin-bottom: 8px;
}
#list .list_btn_delete {
    display: block;
    float: right;
    width: 34px;
    height: 13px;
    text-indent: -3000px;
    background-image: url('../images/sidebar_list_btn_delete.gif');
}
#list .list_btn_del a {
    display: inline-block;
    
}
#list .list_desc div {
    width: 45px;
    float: left;
}
#list .list_desc p {
    width: 142px;
    float: right;
}
#list li.btn {
    height: 37px;
}
#list li.empty {
    padding: 1em;
    text-align: center;
    font-weight: bold;
    color: #999;
}

/* FOOTER */

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: 3em;
	background-color: #999;
	width: 100%;
}
#footer .padder {
	width: 900px;
	margin: 0 auto;
	padding: 1em;
}
#footer #footer_sitename {
	padding: 2em;
	text-align: center;
}
#footer #footer_sitename a {
	color: white;
	text-decoration: none;
}
#footer ul {
	list-style: none;
	border-left: 1px solid white;
	text-align: left;
}
#footer li {
	display: inline;
	border-right: 1px solid white;
	padding: 0 1em;
}
#footer li a {
	font-size: 9pt;
	color: white;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}
#footer p {
	font-size: 9pt;
	text-align: right;
	color: white;
	margin-top: -1.2em;
}



/* COMMON STYLE */

h3.subhead {
	background: url('../images/subhead_bg.jpg') top left repeat-x;
	height: 39px;
	padding: 11px 0 0 16px;
	margin-bottom: 10px;
	color: white;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}
.bullet_blue {
	padding-left: 8px;
	background: url('../images/bullet_blue.gif') left center no-repeat;
}
.btn_addlist {
    width: 175px;
    height: 31px;
    display: inline-block;
    background: url('../images/btn_addlist.gif') left top no-repeat;
    text-indent: -3000px;
	vertical-align: middle;
}
.btn_addlist:hover {
    background-position: right;
}
#alert_listisfull {
	color: red;
	font-weight: bold;
}

/* 検索フォーム */

form span {
	font-weight: normal;
	margin: 0 1em 0.5em 0;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
}
form.search_media dt {
}
form.search_media dd {
	margin: -1.7em 0 0.2em 8em;
}
form.search_media .category input {
	margin-right: 4px;
	vertical-align: text-top;
	_margin-right: 0;
	_margin-top: -4px;
}
form.search_media .btn_toggle_ward {
	display: block;
	padding: 2px 2px 2px 20px;
	background: url('../images/btn_expand_bg.gif') 2px 2px no-repeat;
}
form.search_media dt dl dd {
	margin: -1.2em 0 0 5em;
}

#form_area_s {
	display: none;
	padding: 1em 1em 0.5em;
	border: 1px solid #ccc;
	background-color: #eee;
	margin: 0.5em 0 1em 8em;
}
#site_detail #form_area_s dd {
	margin: -1.5em 0 0 7em;
}
form.search_media .btn_toggle_ward {
	margin: 0 0 0.5em 8em;
}

.required {
	background: url('../images/icon_required.gif') no-repeat;
	padding-left: 33px;
	min-height: 15px;
}
.optional {
	background: url('../images/icon_optional.gif') no-repeat;
	padding-left: 33px;
	min-height: 15px;
}

label {
	margin-left: 2px;
	vertical-align: text-bottom;
}

.banners {
	text-align: center;
}
.banners div {
	margin-bottom: 1em;
}



/* 登録フォーム */

.form_complete {
	border-top: 1px solid #ccc;
	padding: 0 0 2em;
	border-bottom: 1px solid #ccc;
	text-align: center;
	margin-bottom: 2em;
}
.form_complete h4 {
	color: #F8B500;
	font-size: 16pt;
	font-weight: bold;
	line-height: 150%;
	margin: 2em 0;
}
.form_complete p {
	line-height: 150%;
	margin-bottom: 1em;
}
.form_complete p em {
	font-size: 12pt;
	color: #F8B500;
}
.form_complete p span {
	background-color: #fc0;
}

/* フォームのエラー表示 */
#form_error {
    background-color: #eee;
    margin-bottom: 2em;
    border: 1px solid red;
}
#form_error #input_error_title {
    font-size: 10pt;
    color: white;
    background: red;
    padding: 0.5em 1em;
}
#form_error ul {
    padding: 1em 2em;
}
#form_error li {
    color: red;
}


/* Table Styles */

/* table style 1 */

table.style1 {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-left: 1px dotted #ddd;
	margin-bottom: 1em;
}
table.style1 th, table.style1 td {
	text-align: center;
	padding: 0.5em;
	border-right: 1px dotted #ddd;
	border-bottom: 1px solid #ccc;
}
table.style1 th {
	font-weight: normal;
	white-space: nowrap;
}
table.style1 td {
}
table.style1 h4 {
	background: none;
	color: #F8B500;
	margin-bottom: 10px;
}

/* table style 2 */

table.style2 {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	margin-bottom: 1em;
}
table.style2 th, table.style2 td {
	text-align: left;
	vertical-align: top;
	padding: 0.7em;
	border-bottom: 1px solid #ccc;
}
table.style2 th {
	width: 10em;
	font-weight: normal;
	white-space: nowrap;
	background-color: #eee;
}
table.style2 td {
	border-right: 1px dotted #ddd;
}


.l { text-align: left !important;  }
.c { text-align: center !important; }
.r { text-align: right !important; }

.s { width: 10%; }



/* 媒体検索 */

.search_media .category {
	margin-bottom: 32px;
}
.search_media h4 {
	background: url('../images/form_subhead_bg.jpg') top left no-repeat;
	margin-bottom: 14px;
}
.search_media h4 span {
	font-weight: bold;
	display: block;
	color: white;
	width: 400px;
	float: left;
	padding: 5px 0 0 13px;
}
.search_media h4 a {
	display: block;
	width: 52px;
	height: 22px;
	float: right;
	margin: 1px;
	text-indent: -3000px;
}
.search_media table {
	width: 100%;
}
.search_media td {
	width: 10%;
    white-space: nowrap;
    padding: 0 1em 0.2em 0;
}

.btns {
	text-align: center;
}

/* 検索フォームに表示する項目 */

#form_area				{ display: block; }/* エリア */
#form_target				{ display: block; }/* ターゲット */
#form_material			{ display: block; }/* 広告実績（商材） */
#form_ad_type			{ display: none; }/* 広告形態 */
#form_distribution_type		{ display: none; }/* 配布方法 */
#form_distribution_location	{ display: none; }/* 配布場所 */

/* ページネーション */

.table_navi {
	text-align: center;
	margin-bottom: 1em;
}
.table_navi .numrows {
	text-align: left;
	margin: 0 0 -1.2em;
}
.table_navi .pagenation {
	display: inline;
	text-align: center;
	border-left: 1px solid #999;
}
.table_navi .pagenation a,
.table_navi .pagenation em,
.table_navi .pagenation span {
	font-style: normal;
	padding: 0 1em;
	border-right: 1px solid #999;
}
.table_navi .pagenation em {
	font-weight: bold;
}

#content_lead_navi {
	margin-bottom: 1em;
	padding: 6px;
	background-color: #e6e6e6;
}
#content_lead_navi li {
	display: block;
	float: left;
	margin-right: 6px;
	height: 27px;
}

.btn_returntotop {
	text-align: right;
	margin: 1em 0 2em;
}
.btn_returntotop a {
	padding-left: 15px;
	background: url('../images/bullet_pagetop.gif') no-repeat left center;
}

#catches {
	margin-bottom: 18px;
}

.inline-block {
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
}

/* floated item height adjustment */
.clearfix:after { content: ""; display: block; height: 0; line-height:0; visibility: hidden; clear: both; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }