/* ************************************************************************************

管理画面用　汎用スタイルシート ver 0.1

※このスタイルシートは、IEを除くメジャーブラウザに向けて作られています。
※このスタイルシートは、システム設計部にて管理・運用を行なっています。

************************************************************************************ */

/* HTMLタグ				************************************************************ */

*						{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:9pt;
}
body					{ margin:0px; padding:0px; background:#ffc; text-align:center; }

h1						{  }
h2						{  }
h3						{  }
h4						{  }
h5						{  }
h6						{  }

img						{  }

table					{  }
caption					{  }
thead					{  }
tbody					{  }
tfoot					{  }
th						{  }
td						{  }
thead tr				{  }
thead th				{  }
tbody th				{  }
tbody td				{  }

a						{ color:#06c; font-size:100%; text-decoration:none; }
a:active				{  }
a:visited				{  }
a:hover					{ color:#c60; }

form					{ margin:0px; }
fieldset				{ margin:0px; margin-top:3px; padding:0px; border:none; }
label					{ white-space:nowrap; }

input[type="text"],
input[type="password"]	{
	padding:2px;
	vertical-align:middle;
	font-family:monospace;
}

input[type="button"],
input[type="reset"],
input[type="submit"]	{ padding:2px; }

input[type="checkbox"],
input[type="radio"]		{ vertical-align:middle; }

select					{ vertical-align:middle; }
optgroup				{ font-style:normal; }
option					{  }

textarea				{ padding:2px; font-family:monospace; }


/* ********************************************************************************* */



/* 基本構造				************************************************************ */

div#wrapper				{
	width:700px;
	min-width:700px;
	margin:auto;
	background:#fff;
	text-align:left;
}

div#header				{ height:80px; background:#fc0; vertical-align:middle; }
div#stage				{  }
div#footer				{
	padding-top:3px;
	background:url(../images/shadow_bg_ccc.png) repeat-x #ccc;
	clear:both;
}

/* ********************************************************************************* */



/* ヘッダ内容			************************************************************ */

/* サイトタイトル		++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
h1.site_id				{ float:left; margin:0px; font-size:200%; }
span.site_id			{ display:block; margin:0px 5px; }
img.site_id				{ margin:0px 10px; }
a.site_id				{ color:#666; }
a.site_id:active		{  }
a.site_id:visited		{  }
a.site_id:hover			{  }

/* ログイン情報等		++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#site_control		{
	float:right;
	font-size:80%;
	padding:10px 3px;
}

/* ********************************************************************************* */



/* フッタ内容			************************************************************ */

/* コピーライト			++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
blockquote#site_note	{ font-size:80%; margin-left:10px; margin-right:10px; }
div#copyright			{
	background:#000;
	padding:2px;	
	text-align:center;	
	color:#fff;
	font-size:80%;
}

div#foot_menu			{
	padding:3px 10px;	
	background:#666;
	text-align:center;
}
a.foot_menu				{ color:#fff; }

/* ********************************************************************************* */



/* ページ内容			************************************************************ */

div#navigation			{
	background:url(../images/shadow_bg_ffe.png) repeat-x;	
	padding-top:3px;	
	font-size:90%;
}
a.navigation			{ margin:0px 10px; color:transparent; }

div#description			{	
    background:url(../images/shadow_bg_ffc.png) repeat-x;	
	font-size:120%;
}
div#summary				{ float:left; width:62%; padding:5px; }
div#spot				{
	float:right;	
	width:33%;	
	margin:2px;	
	padding:5px;	
	background:#ffc;	
	border:inset 1px;	
	font-size:70%;
}
input#email				{ font-size:80%; }

/* メニュー類			++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#tools				{
	float:right;	
	width:150px;	
	min-width:140px;
}

/* サイトメニュー		++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
dl.site_menus			{ background:#999; }
dt.site_menus			{ background:#999; }
dd.site_menus			{ background:#ccc; }

/* ページメニュー		++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
dl.page_menus			{ background:#666; }
dt.page_menus			{ background:#666; }
dd.page_menus			{ background:#eee; }

a.menu_item				{ font-size:80%; }
a.menu_item:active		{  }
a.menu_item:visited		{  }
a.menu_item:hover		{  }

div#bunners				{ text-align:center; padding:5px; }
a.bunner				{ font-size:80%; }
a.bunner:active			{  }
a.bunner:visited		{  }
a.bunner:hover			{  }

/* コンテンツ領域		++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#contents			{
	float:left;	
	width:550px;
}

h3#page_id				{
	margin:0px 0px 5px 0px;	
	font-size:140%;
}

div.content				{ padding:0px; }
h4.content				{ margin:0px; white-space:nowrap; }

p.segment				{ margin:0px 0px 5px 0px; padding:5px; }
div.segment				{ margin:0px 0px 5px 0px; padding:5px; }
h5.segment				{ margin:0px; }

dl.segment				{ margin:1em; }
dl.segment dt			{
	margin:1em;	
	border-bottom:dotted 1px #999;	
	font-size:120%;
}
dl.segment dd			{
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:double 3px #999;
	line-height:1.5;
}

blockquote.segment_note		{  }
blockquote.segment_note div	{ margin-top:10px; text-align:center; }

/* ********************************************************************************* */



/* 商品詳細				************************************************************ */
div#for_rent			{
	margin:1%;	
	border:dotted 2px #fc0;
}
div#for_return			{
	margin:1%;	
	border:dotted 2px #393;
}

div#for_company			{
	margin:1%;	
	border:dotted 2px #999;
}

h4.details				{
	border-top:solid 3px #ccc;	
	border-bottom:solid 3px #ccc;	
	margin:0px;	
	padding:3px 10px;	
	font-size:180%;
}
table.lists				{
	width:95%;	
	margin:auto;	
	table-layout:fixed;	
	border-collapse:collapse;
}
table.lists caption		{ padding:3px; text-align:left; font-size:120%; }
table.lists tbody th	{ padding:3px; border:solid 1px #999; background:#eee; }
table.lists tbody td	{ padding:3px; border:solid 1px #999; text-align:center; }
table.lists tbody td.02 { text-align:left; }
table.lists tfoot td	{
	padding-top:2px;	
	background:url(../images/shadow_bg_fff.png) repeat-x;	
	text-align:right;	
	font-size:80%;
}

table.details			{
	width:95%;	
	margin:auto;
	table-layout:auto;
	border-collapse:collapse;
}
table.details caption	{ padding:3px; text-align:left; font-size:120%; }
table.details tbody th	{
	width:25%;	
	padding:3px;	
	border:solid 1px #999;	
	background:#eee;	
	text-align:center;
}
table.details tbody td	{ padding:3px; border:solid 1px #999; }
table.details tfoot td	{
	padding-top:2px;	
	background:url(../images/shadow_bg_fff.png) repeat-x;	
	text-align:right;	
	font-size:80%;
}

a.details				{ display:block; text-align:center; font-size:180%; }

/* ********************************************************************************* */



/* 特殊なスタイル		************************************************************ */
br.clear				{ clear:both; }
hr.clear				{ width:95%; margin:auto; clear:both; }

span.input_error		{
	white-space:nowrap;	
	font-size:80%;	
	font-weight:bold;	
	color:#a00;
}

table#ex_menu			{ margin-bottom:5px; caption-side:bottom; }
table#ex_menu tr#a30	{ background:#cc6; }
table#ex_menu tr#a60	{ background:#e6e6b3; }
table#ex_menu tr#a90	{ background:#f3f3d9; }
table#ex_menu tbody th	{ text-align:right; height:25px; }
table#ex_menu tbody td	{ width:125px; }
table#ex_menu tfoot td	{
	padding-top:2px;	
	background:url(../images/shadow_bg_fff.png) no-repeat;	
	text-align:right;	
	font-size:80%;
}

div#pickup_one			{
	float:left;	
	width:65%;	
	padding:5px;
}
h5#pickup_one			{ margin:0px 0px 5px 0px; font-size:150%; }
a#pickup_one			{ font-size:100%; font-weight:bold; }
table#pickup_one		{ border-collapse:collapse; }
table#pickup_one th		{ background:#ccc; border:solid 1px #999; padding:2px; }
table#pickup_one td		{ border:solid 1px #999; padding:2px; text-align:center; }

div#pickup_others		{
	float:right;	
	width:30%;	
	padding:5px;
}
div.pickup_other		{ margin-bottom:5px; padding:2px; background:#eee; }
h6.pickup_other			{ margin:0px 0px 3px 0px; font-size:120%; }
blockquote.pickup_other	{ margin:3px; }
a.pickup_other			{ font-size:100%; font-weight:bold; }

/* 体験談				++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.log_index			{ float:left; width:30%; }
dl.log_index			{ margin:1em 3px; }
dl.log_index dt			{  }
dl.log_index dd			{ margin:3px 0px 0px 5px; }
div.indeies				{ font-size:80%; }

div.log_content			{
	float:right;	
	width:68%;	
	padding:2px;	
	border-left:dotted 2px #ccc;
}
h5.log_content			{ margin:1em 0px; font-size:160%; }
p.log_content			{ margin:0px 0px 5px 0px; padding:5px; line-height:150%; }


/* 比較ランク用テーブル	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table.comparison			{
	width:95%;	
	margin:auto;	
	table-layout:fixed;	
	caption-side:bottom;	
	border-collapse:collapse;
}
table.comparison caption	{
	padding-top:2px;	
	margin:auto;	
	background:url(../images/shadow_bg_fff.png) no-repeat;	
	text-align:right;	
	font-size:80%;
}
table.comparison thead th	{
	padding:2px;	
	background:#ccc;	
	border:solid 1px #999;	
	font-size:80%;
}
table.comparison thead td	{ padding:2px; }

table.comparison tbody td	{
	padding:2px;	
	border:solid 1px #999;	
	text-align:center;	
	font-size:90%;
}
table.comparison h5			{ margin:0px 3px; font-size:120%; }
table.comparison blockquote	{ font-size:100%; }
table.comparison blockquote.intro { text-align:left; color:#060; font-size:120%; }
table.comparison div		{ text-align:center; }

/* 第1位				++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table.comparison#rank1			{  }
table.comparison#rank1 thead th	{ background:#f33; color:#fff; }
table.comparison#rank1 thead td	{  }
table.comparison#rank1 h5		{ font-size:180%; }

/* 第2位				++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table.comparison#rank2			{  }
table.comparison#rank2 thead th	{ background:#f99; }
table.comparison#rank2 thead td	{  }
table.comparison#rank2 h5		{ font-size:160%; }

/* 第3位				++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table.comparison#rank3			{  }
table.comparison#rank3 thead th	{ background:#fcc; }
table.comparison#rank3 thead td	{  }
table.comparison#rank3 h5		{ font-size:140%; }

/* ********************************************************************************* */


/* 相互リンクページ	************************************************************ */
.link-list					{
	margin-left:10px;
	background:#fff;
}
.link-list h3				{
	font-size:120%;
	font-weight:bold;
	color:#fff;
	margin-top:30px;
	padding:0.3em;
	border-bottom:double 4px #fff;
	background:#369;
}
.link-list h4				{
	border-bottom:solid 2px #39c;
	margin:0 10px;
	padding:0.4em;
	background:url(../images/bg_linklisth4.gif) repeat-x bottom #fff;
}
.link-list h4 a				{ color:#10228b; }
.link-list h4 a:hover	{ color:#d00; }
.link-list ul				{
	margin:-2px 8px 8px 8px;
	padding:0.2em;
	list-style:none;
}
.link-list ul li		{
	margin:0 0 2px 0;
	padding-left:13px;
	padding-top:0.2em;
	padding-bottom:0.2em;
	line-height:1.3;
	color:#333;
	background:url(../images/icon_linklistli.gif) no-repeat 3px 4px #fff;
	border:solid 2px #c0cccc;
}

/* ご利用上の注意 ***************************************:********************** */
.attention-riyo			{
	margin:30px 5px;
	padding:0;
	border:solid 1px #de341a;
}
.attention-riyo h4	{
	background:#de341a;
	margin:0;
	padding:0.4em;
	font-size:100%;
	color:#fff;
}
.attention-riyo p		{
	margin:10px;
	padding:0;
	font-size:100%;
	line-height:1.5;
	color:#de341a;
}