@charset "UTF-8";

/*==================================================================
	General setting
===================================================================*/

body {
	font-size:small;
	color:#444;
	font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
	word-break:break-all;
	line-height:144%;

}

/* for Win IE8 */
head~/* */body {
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, Meiryo, 'メイリオ', sans-serif;
}

html:not(:target) body {
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font: 13px/1.231 'メイリオ', Meiryo, sans-serif;
}



a {
    /*\*/
	overflow: hidden;/**/
}

a img {
    border:none;
}

hr.separate {
    display: none;
}

a.hover img {
}

a.hover:hover img {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

/*==================================================================
	list setting
===================================================================*/

ul.disc {
    padding-left:2.5em;
    margin:1em 0px;
    list-style:disc;
}

ul.circle {
    padding-left:2.5em;
    list-style:circle;
    margin:1em 0px;
}

ol.decimal {
    padding-left:2.5em;
    list-style:decimal;
    margin:1em 0px;
}

/*	inline list
-------------------------------------------------------------------*/
dl.inline dt, dl.inline dd, ol.inline li, ul.inline li {
    display:inline;
}

/*	list
-------------------------------------------------------------------*/
li img, li input {
    vertical-align:middle;
}

li input {
    margin-right:5px;
}

/*	bread list
-------------------------------------------------------------------*/
ol.breadNavigation {
    padding:3px 0;
    margin:0 0 5px 20px;
}

ol.breadNavigation li {
    display:inline;
    font-size:10px;
    line-height:normal;
}

ol.breadNavigation li a {
    padding-right:12px;
    background: url("../img/common/bl.gif") no-repeat 100% 50%;

}


/*==================================================================
	table setting
===================================================================*/

table {
    empty-cells: show;
}

table.sheet {
    border-collapse:collapse;
    border-spacing:0px;
    border: 1px solid #CCC;
    border-bottom: none;
    margin-bottom:10px;
	width:100%;
}

.sheet caption {
    background-color:#EEE;
    border: 1px solid #CCC;
    border-top: 2px solid #06C;
    border-bottom:none;
    text-align: left;
    padding: 5px;
    font-weight: bold;
}

.sheet th, .sheet td {
    border: 1px solid #CCCCCC;
    padding: 5px;
    text-align: left;
}

.sheet .graybg th, .sheet .graybg td {
    background-color:#FAFAFA;
}

.sheet .graybg2 th, .sheet .graybg2 td {
    background-color:#F0F0F0
}

.sheet th {
    background-color:#EEE;
    font-weight: normal;
}

.sheet td img {
    vertical-align:middle;
}

.sheet thead th {
    background-color: #0060BE;
    padding:5px;
    font-weight:bold;
    line-height:100%;
    color:#FFF;
    background-image:none;
    width:auto;
}


table.sheet2 {
    border-collapse:collapse;
    border-spacing:0px;
    border: 1px solid #6DCAE3;
    border-bottom: none;
    margin-bottom:10px;
    background:#F2FBFD;
}


.sheet2 th, .sheet2 td {
    border: 1px solid #6DCAE3;
    padding:4px 5px;
    text-align:center;
}

.sheet2 .graybg th, .sheet2 .graybg td {
    background-color:#E3F5FB;
}


.sheet2 th {
    background-color:#F2FBFD;
    width: 90px;
    font-weight: normal;
    font-weight:bold;
    text-align: left;
}

.sheet2 td img {
    vertical-align:middle;
}

.sheet2 thead th {
    background-color: #CAEDF7;
    padding:4px 5px;
    font-weight:bold;
    background-image:none;
    width:auto;
    text-align:center;
}

table.form {
    border-spacing:0px;
    border-collapse:collapse;
    margin:0px auto;
    width:100%;
}

.form caption {
    background-color:#979797;
    color:#FFF;
    padding: 5px;
}

.form th {
    background-color: #FDFDFD;
    text-align:left;
    font-weight:bold;
    white-space:nowrap;
    width:120px;
}

.form td {
    padding: 5px 0px;
}

.form td, .form th {
    border:1px solid #E7E7E7;
    padding: 5px;
}

/*==================================================================
	form setting
===================================================================*/

input {
    line-height:100%;
}

input, textarea {
    padding:0;
    font-size:100%;
}

label {
    padding-right:3px;
}

.formfield {
    font-size: 12px;
    line-height:100%;
    height: 14px;
    _height: 15px;
    border:1px solid #9A9A9A;
    border-top-color: #616161;
    border-bottom-color: #C2C2C2;
    padding:2px 4px 2px 3px;
   	_padding:3px 4px 0 3px;
    margin-right: 4px;
}


.textarea {
    font-size: 12px;
    border:1px solid #9A9A9A;
    border-top-color: #616161;
    border-bottom-color: #C2C2C2;
    padding:2px 4px 2px 3px;
    _padding:5px 4px 0 3px;
    margin-right: 4px;
}

*:first-child+html .formfield {
    height: 15px;
    padding:4px 4px 0 3px;
}

html:first-child .formfield {
    height: 20px;
    padding:0 4px 0 3px;
}

.select {
    border:1px solid #999;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    font-size:12px;
    margin:1px 0;
}

body:first-of-type .checkBox input, html:first-child .checkBox input, html><a href="/**/body .checkBox input {
    margin:0 3px 0 0;
    vertical-align:baseline;
}

html><a href="/**/body .checkBox input {
    margin:0 4px 3px 0;
}

input:focus, textarea:focus {
    background-color:#F5F5F5;
}

form img, form input, form select {
    vertical-align:middle;
}

form input, form select {
    line-height:1;
}

.submit {
    text-align:center;
    margin:12px 0px 34px 0px;
}

.must {
    display:block;
    font-size:11px;
    color:#CC0000;
}

.must img {
    vertical-align:middle;
}

/*==================================================================
	text setting
===================================================================*/

strong {
    font-weight:bold;
}

/*	size styles
-------------------------------------------------------------------*/

.large {
    font-size:large;
}

.larger {
    font-size:larger;
}

.small {
    font-size:small;
}

.smaller {
    font-size: smaller;
    line-height:110% !important;
}


.f0 {
	font-size:10px;
}
.f1 {
	font-size:12px;
}
.f2 {
	font-size:12px;
}
.f3 {
	font-size:14px;
}
.f4 {
	font-size:16px;
}
.f5 {
	font-size:22px;
}

/*	text-align styles
-------------------------------------------------------------------*/
.center {
    text-align:center;
}

.right {
    text-align:right;
}

/*	color styles
-------------------------------------------------------------------*/
.red {
    color: #C00;
}

.gray {
    color:#666;
}

.brown {
    color:#993300;
}


/* Pager Styles
-----------------------------------------------------------------------------  */
ol.pager {
	margin:15px 0px;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	font-size:12px;
	}
ol.pager li {
	display:inline;
	}
ol.pager li a {
	padding:1px 5px;
	border:1px solid #CCC;
	background:#F0EFEC;
	text-decoration:none;
	}
ol.pager li.back a {
	padding:1px 5px;
	border:1px solid #CCC;
	}
ol.pager li.back a:hover {
	padding:1px 5px;
	}
ol.pager li.next a {
	padding: 1px 5px;
	}
ol.pager li.next a:hover {
	padding: 1px 5px;
	}
ol.pager li a:hover {
	border:1px solid #669900;
	background: #669900;
    color:#FFFFFF;
	text-decoration:none;
	}
ol.pager li a:active {
	border:1px solid #D1CDC5;
	background:#669900;
	text-decoration:none;
	}
ol.pager li strong {
	padding:3px 5px 2px 5px;
	background: #669900;
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	}



/*==================================================================
	 hacks setting
===================================================================*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/*==================================================================
	 icon setting
===================================================================*/

.example {
 background: #FFF url("../img/icon/icon_example.gif") no-repeat 0px 50%;
 display:block;
 padding:3px 0px 0px 17px;
 color:#666;
 font-size:11px;
 line-height:normal;
}

a.hover:hover img {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}