@charset "utf-8";
/*##################################################################################
目次
	1:初期化
	2:設定、ベース
	3:アレンジ
	4:レイアウト
-----------------------------------------------------
規則
	命名のルール
		単語は（なるべく）略さない。
		単語接続はアンダーバーを使用。
		.sect1や.rightなどは汎用的にレイアウト用クラスとして使う
-----------------------------------------------------
memo
	文字コード：shift_jis
	改行コード：CRLF
##################################################################################*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	1:初期化
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@import "/search/css/pc/mutan/reset.css";
@import "/search/css/pc/mutan/fonts.css";

body,
input,
select,
option,
textarea,
button {
	color: #000;
	line-height: 1.4;
}
input.text,
input.password {
	height: 1.4em;
}
select {
	height: 1.6em;
}
area {
	cursor: pointer;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	2:設定、ベースクラス
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*===================================================
	テキスト
===================================================*/
del {
	text-decoration: line-through;
}
sup,sub {
	font-size: 77%;
	line-height: 100%;
}
sup {
}
sub {
}
strong,
.b {
	font-weight: bold;
}
em,
.it {
	font-style: italic;
}
.red {
	color: #f00;
}
.gray {
	color: #666;
}
.pink {
	color: #f389a6;
}


.mono {
	font-family: "Courier New", "平成角ゴシック", "ＭＳ ゴシック", monospace;
}
.font10 {
	font-size: 77%;
}
.font11 {
	font-size: 85%;
}
.font15 {
	font-size: 116%;
}
/*===================================================
	リンク
===================================================*/
a {
	outline: 0;
}
a img {
	border: none;
}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:visited:hover {
	color: #000000;
	text-decoration: none;
}

a:hover img.imghover {
	filter:alpha(opacity=70);
	opacity:0.6;
}
button > img.imghover {
	cursor: pointer;
}


/*===================================================
	フォーム
===================================================*/
.ime-on {
	ime-mode: active;
}
.ime-off {
	ime-mode: disabled;
}
input,
select {
}

input.checkbox,
input.radio {
	margin-right: 0.2em;
}
input.text,
input.password {
	margin-right: 0.4em;
	padding: 0 0.2em;
}
input.submit,
input.reset,
input.button {
	
}
input.image {
	
}
input.file {
	
}
select {
	/* padding works on ff,ie8. but not keep inside space */
	/* line-height not works on anywhere */
	/* height works on ff,ie8 */
	padding: 1px;
}
option {
	/* margin not works on anywhere */
	/* padding not works on anywhere */
	/* height not works on anywhere */
	/* line-height not works on anywhere */
}
textarea {
	padding: 0.1em 0.2em;
}
label {
	
}
/*
input.text,
input.password,
textarea {
	border: 1px solid #999;
	background-image: url(/images/input_bg.gif);
	background-repeat: no-repeat;
}
*/

/*===================================================
	ボタン
===================================================*/


/*===================================================
	フロート
===================================================*/
.clear:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.clear {
	zoom:1;
}
/*===================================================
	ディスプレイ
===================================================*/
.hidden {
	display: none;
}
.inline {
	display: inline;
}
hr {
	display: none;
}


/*===================================================
	アイコン
===================================================*/
.print {
}
.mail {
}
.arrow {
}
.back {
}
.external {
}
.zoom {
	
}
/* for inline use */
.icon {
}

/*===================================================
	リスト
===================================================*/

/* 日付リスト ------------------------------------ */

/* 接頭記号リスト -------------------------------- */
ul.arrow_01 li {
	background-image: url(/search/images/pc/mutan/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	padding-left: 11px;
	line-height: 1.1;
	margin-bottom: 0.5em;
}
ul.arrow_01 li.last-child {
	margin-bottom: 0;
}

ul.dot li {
	background-image: url(/search/images/pc/mutan/bullet-dot.gif);
	background-repeat: no-repeat;
	background-position: 0.4em 0.65em;
	padding-left: 1em;
}
ul.dot li.last-child {
}
/* 接頭番号リスト -------------------------------- */
.decimal li {
}
.decimal li.end {
}
.decimal li * {
}

/*===================================================
	表
===================================================*/

/*===================================================
	見出し
===================================================*/


/*===================================================
	ボックス
===================================================*/
.comment {
}
.m_indent {
	text-indent: -1em;
	padding-left: 1em;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	3:アレンジ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* フロート */
.fl {
	float: left;
}
.fr {
	float: right;
}
/* 改行処理 */
.nowrap {
	white-space: nowrap;
}
.break {
	word-break: break-all;
	word-wrap: break-word;
}

/* 段落揃え */
.alignR {text-align: right  !important;}
.alignL {text-align: left   !important;}
.alignC {text-align: center !important;}

.center {
	margin-left: auto;
	margin-right: auto;
}

/* width */
.w100	{width: 100%;}
.w90	{width:  90%;}
.w80	{width:  80%;}
.w70	{width:  70%;}
.w60	{width:  60%;}
.w50	{width:  50%;}
.w40	{width:  40%;}

.w2em	{width:  2em;}
.w3em	{width:  3em;}
.w4em	{width:  4em;}
.w8em	{width:  8em;}

/* マージン・パディング */
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 0.5em !important;}
.mb10 {margin-bottom: 1em   !important;}
.mb15 {margin-bottom: 1.5em !important;}
.mb20 {margin-bottom: 2em   !important;}

.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 0.5em !important;}
.mt10 {margin-top: 1em   !important;}
.mt15 {margin-top: 1.5em !important;}
.mt20 {margin-top: 2em   !important;}

.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 0.5em !important;}
.mr10 {margin-right: 1em   !important;}
.mr15 {margin-right: 1.5em !important;}
.mr20 {margin-right: 2em   !important;}

.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 0.5em !important;}
.ml10 {margin-left: 1em   !important;}
.ml15 {margin-left: 1.5em !important;}
.ml20 {margin-left: 2em   !important;}

.pb00 {padding-bottom: 0 !important;}
.pb05 {padding-bottom: 0.5em !important;}
.pb10 {padding-bottom: 1em   !important;}
.pb15 {padding-bottom: 1.5em !important;}
.pb20 {padding-bottom: 2em   !important;}

.pt00 {padding-top: 0 !important;}
.pt05 {padding-top: 0.5em !important;}
.pt10 {padding-top: 1em   !important;}
.pt15 {padding-top: 1.5em !important;}
.pt20 {padding-top: 2em   !important;}

.pr00 {padding-right: 0 !important;}
.pr05 {padding-right: 0.5em !important;}
.pr10 {padding-right: 1em   !important;}
.pr15 {padding-right: 1.5em !important;}
.pr20 {padding-right: 2em   !important;}

.pl00 {padding-left: 0 !important;}
.pl05 {padding-left: 0.5em !important;}
.pl10 {padding-left: 1em   !important;}
.pl15 {padding-left: 1.5em !important;}
.pl20 {padding-left: 2em   !important;}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	4:レイアウト
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*===================================================
	.page-top
===================================================*/
.page-top {
}
