@charset "UTF-8";

/* parts.css */

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

Created: 2010/12/13
Last Modified: 2010/12/24
Editor(s): M.Y.
Last Editor: S.W.

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

/* index
―――――――――――――――

	[1] title(h1~h4)
	[2] list
	[3] box
	[4] font
	[5] table
	[6] width
	[7] form
	[8] other

――――――――――――――― */


/* ―――――――――――――――
	[1] title(h1~h4)
――――――――――――――― */

/* ----- none-style ----- */

#edit .none-style,
#edit ul.none-style li{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none !important;
	border: none !important;
}

/* ----- h2 ----- */
#edit h2,
.lower #edit h1{
	clear: both;
	margin-bottom: 2px;
	padding: 11px 20px 8px 20px;
	height: 48px;
	background: url(/img/bg_h2.gif) no-repeat left top;
	font-size: 123.1%;
	font-weight: bold;
	color: #333333;
}

/* ----- h3 ----- */
#edit h3,
.lower #edit h2{
	clear: both;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 12px 24px;
	border-bottom: solid 1px #CCCCCC;
	background: url(/img/bg_h3.gif) no-repeat left center;
	font-size: 116%;
	font-weight: bold;
	color: #333333;
}
.lower #edit h2 { height: auto; }

/* ----- h4 ----- */
#edit h4,
.lower #edit h3{
	clear: both;
	margin-bottom: 15px;
	margin-left: 20px;
	padding: 0.4em 15px;
	border-bottom: solid 1px #CCCCCC;
	background: url(/img/bg_h4.gif) no-repeat left top;
	font-size: 116%;
	color: #333333;
}

/* ―――――――――――――――
	[2] list
――――――――――――――― */

/* ----- 基本パターン li ----- */
#edit ul li ul,
#edit ul li ul li ul { margin-top: 15px; margin-left: 0; }

#edit ul li, /* [第1階層] .list01 */
#edit .list01 li
{
	padding-left: 10px;
	padding-bottom: 10px;
	background: url(/img/round-red.gif) no-repeat left 0.6em;
}

#edit ul li ul li, /* [第2階層] .list02 */
#edit .list02 li
{
	padding-left: 15px;
	background: url(/img/arrow-red.gif) no-repeat left 0.3em;
}

#edit ul li ul li ul li, /* [第3階層].list03 */
#edit .list03 li
{
	padding-left: 10px;
	background: url(/img/arrow01.gif) no-repeat left 0.4em;
}

/* ----- list04 ----- */
#edit .list04 li
{
	padding-left: 10px;
	padding-bottom: 10px;
	background: url(/img/round-blue.gif) no-repeat left 0.6em;
}

/* ----- list05 ----- */
#edit .list05 li
{
	padding-left: 10px;
	padding-bottom: 10px;
	background: url(/img/round-green.gif) no-repeat left 0.6em;
}

/* ----- list-inline ----- */
#edit ul.list-inline li{
	display: inline;
	margin-right: 15px;
	padding: 0;
	background: none;
}

#edit ul.list-inline.right2 li{
	margin-right: 2px;
}

/* ----- float-list ----- */
#edit ul.float-list li,
#edit ol.float-list li{
	float: left;
	margin-right: 6px;
	padding-left: 0;
	padding-bottom: 5px;
	background: none;
} 

/* ----- last ----- */
#edit li.last,
#edit dl.last{
	margin-right: 0px !important;
}

/* ----- dl01 ----- */
.dl01{
	margin-bottom: 15px;
	line-height: 1.8;
}

.dl01 dt{
	color: #df2b2f;
	font-weight: bold;
}

.dl01 dd{
	padding-left: 1.5em;
}

/* ----- ol ナンバリングをアルファベットに変更 ----- */
#edit ol.ol-alpha li{ list-style-type: lower-alpha; }
#edit ol.ol-roman li{ list-style-type: upper-roman; }


/* ―――――――――――――――
	[3] box
――――――――――――――― */

.box01,.box-tel,.box-check
{
	display: block;
	margin-bottom: 15px;
	padding: 1px;
	border: solid 5px #f0efef;
	background-color: #CCCCCC; 
}
.box-info{
	display: block;
	margin-bottom: 30px;
	padding: 1px;
	border: solid 5px #f0efef;
	background-color: #CCCCCC; 
}
.box01 p,.box01 ul,.box-tel p,.box-info p,.box-check p,.box01 ol
{
	margin: 0 !important;
}
/* ----- box01 ----- */
.box01 p,.box01 ul,.box01 ol
{
	padding: 20px;
	background-color: #FFFFFF;
}

/* ----- box-tel ----- */
.box-tel p
{
	padding: 20px 20px 20px 60px;
	background: url(/img/bg_tel.gif) no-repeat left center #FFFFFF;
}

/* ----- box-info ----- */
.box-info p
{
	padding: 20px 20px 20px 63px;
	background: url(/img/bg_info.gif) no-repeat left center #FFFFFF;
}

.box-info p span{
	color: #F00;
}

/* ----- box-check ----- */
.box-check p
{
	padding: 20px 20px 20px 60px;
	background: url(/img/bg_checkbox.gif) no-repeat left center #FFFFFF;
}


/* ----- box02 ----- */
.box02
{
	margin-bottom: 15px;
	padding: 5px;
	background-color: #f0efef; 
}

/* ----- box03 ----- */
.box03-l,
.box03-r
{
	float: left;
	width: 304px;
	padding: 10px;
	border: solid 3px #e5e5e5;
	margin-bottom: 20px;
}

.box03-r
{
	float: right;
}

#edit .box03-l h3,
#edit .box03-r h3 {
	border-bottom: none;
	margin-bottom: 0;
}

#edit .box03-l h4,
#edit .box03-r h4 {
    margin-bottom: 10px;
    margin-left: 20px;
    padding: 0.2em 0;
    border-bottom:none;
    background:none;
    font-size: 110%;
}

/* ----- box04 ----- */
.box04-l,
.box04-r
{
	float: left;
	width: 294px;
	padding: 10px 20px 10px 10px;
	border: solid 3px #e5e5e5;
	margin: 20px 0;
}

.box04-r
{
	float: right;
}

#edit .box04-l h3,
#edit .box04-r h3 {
	border-bottom: none;
	margin-bottom: 0;
}

#edit .box04-l h4,
#edit .box04-r h4 {
    margin-bottom: 10px;
    margin-left: 20px;
    padding: 0.2em 0;
    border-bottom:none;
    background:none;
    font-size: 110%;
	color:#B7282B;
}



/* ―――――――――――――――
	[4] font
――――――――――――――― */

.red { color: #df2b2f; }
.red-bold { color: #df2b2f; font-weight: bold; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-style: normal; }

.nowrap { white-space:nowrap; }

/* ―――――――――――――――
	[5] table
――――――――――――――― */

/* ----- 基本パターン ----- */
table
{
	margin-bottom: 20px;
	width: 660px;
	border: none;
}

thead th
{
	padding: 9px 10px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: url(/img/bg_theader-th.gif) no-repeat right top;
	font-weight: bold;
}
* html thead th { border-bottom: 1px solid #CCCCCC; } /* For Under IE6 */

thead td
{
	padding: 9px 10px;
	border-top: 1px solid #CCCCCC !important;
	background: url(/img/bg_tbl-th.gif) no-repeat left bottom;
	color: #df2b2f;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}


tbody th{
	padding: 9px 10px 9px 12px;
	background: #efefef url(/img/round-red.gif) no-repeat left 1.1em;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #CCCCCC;
}

tbody td{
	border-top: 1px solid #CCCCCC;
	padding: 9px 7px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

tfoot td
{
	padding: 9px 7px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #eee;
}

tfoot th
{
	padding: 9px 10px 9px 12px;
	background: #efefef url(/img/round-red.gif) no-repeat left 1.1em;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
}

/* ----- table01 ----- */
.table01
{
	width: 660px;
	margin-bottom: 15px;
	border-top: 2px solid #df2b2f;
	border-bottom: 2px solid #CCCCCC;
}

.line-gray{
	border-top: 2px solid #CCCCCC;
}

.table01 tbody th
{
	padding: 9px 10px;
	border-bottom: 1px solid #CCCCCC;
	background: #f6f6f6 url(/img/bg_tbl01-th.gif) no-repeat left bottom;
	color: #333333;
}

.table01 tbody td
{
	padding: 7px 10px;
	border-bottom: 1px solid #DDDDDD;
}

.table01 tbody th,
.table01 tbody td
{
	border-right: none;
	border-left: none;
}

/* ―――――――――――――――
	[6] width
――――――――――――――― */

.w-5percent{ width: 5%; }
.w-10percent{ width: 10%; }
.w-15percent{ width: 15%; }
.w-20percent{ width: 20%; }
.w-25percent{ width: 25%; }
.w-30percent{ width: 30%; }
.w-35percent{ width: 35%; }
.w-36percent{ width: 36%; }
.w-40percent{ width: 40%; }
.w-45percent{ width: 45%; }
.w-50percent{ width: 50%; }
.w-55percent{ width: 55%; }
.w-60percent{ width: 60%; }
.w-65percent{ width: 65%; }
.w-70percent{ width: 70%; }
.w-540px{ width: 540px; }
.w-450px{ width: 450px; }


/* ―――――――――――――――
	[7] form
――――――――――――――― */

/* -------- 日本語フォーム -------- */
.form-jpn /* フォーム内を日本語入力に指定（IEのみ対応） */
{
	ime-mode: active;
	padding: 1px 2px;
}

.textbox-jpn /* テキストボックス内を日本語入力に指定（IEのみ対応） */
{
	ime-mode: active;
	padding: 1px 2px;
}


/* -------- 英語フォーム -------- */
.form-eng /* フォーム内を英語入力に指定（IEのみ対応） */
{
	ime-mode: inactive;
	padding: 1px 2px;
}


/* ―――――――――――――――
	[8] other
――――――――――――――― */

/* ----- ページャー用ID　pager ----- */
#edit ul.pager{
	clear: both;
	margin-bottom: 15px;
	text-align: right;
}

#edit ul.pager li{
	display:inline;
	margin: 0 0 0 2px;
	padding: 0;
	background-color:#fff;
	background-image: none;
	font-size: 85%;
}

ul.pager li a{
	text-decoration:none;
	border:1px solid #ccc;
	padding:3px 7px;
	background-color: #efefef;
	position: relative;
}

ul.pager li a:hover,
ul.pager li a:active{
	padding:3px 7px;
	color: #fff;
	background-color: #df2b2f;
	border:1px solid #a31f22;
}

span.current_page{
	padding:3px 7px;
	background-color: #df2b2f;
	border:1px solid #a31f22;
	color: #fff;
	text-decoration: none;
	position: relative;
}

/* ----- 画像用border ----- */
.img-border{
	border: #CCC solid 1px;
	padding: 1px;
}

/* ----- 電話アイコン ----- */
.icon-tel,.icon-fax{
	display: inline-block;
	padding: 5px 15px 5px 32px;
	font-size:123.1%;
	font-weight: bold;
}
.icon-tel{ background: url(/img/icon_tel.gif) no-repeat center left; }
.icon-fax{ background: url(/img/icon_fax.gif) no-repeat center left; }

/* -----float小要素を内包----- */
.comprehen{
overflow : hidden;
_zoom:1;
}

#edit ul.credential-list { overflow : hidden; _zoom:1;}
#edit ul.credential-list li{ margin-right: 15px;}
#edit ul.credential-list li span{ color:#df2b2f; font-weight:bold;}