@charset "utf-8";

/*
	Since:10 Jun 2010
	Last-Updated:28 Oct 2010
	Editor:Masataka Asakura
*/


/*
-------------File Contents--------------

	1. Basic

	2. Block

	3. Font Size Classes

	4. Float Clear Settings

	5. Float-Align Settings

	6. Margin-Padding Settings

	7. Width Settings

	8. Form Tag Settings

	9. Table Settings

	10.Print Styles

------------------------------------------*/


/*================================================
								1. Basic
================================================*/
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
img{vertical-align: middle;}


.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}
/*--------------------------------------
					for Reader Browser
--------------------------------------*/
.hidden-heading{
	display:block;
	width: 0;
	height: 0;
	overflow: hidden;
}
/*---------------------------*/
ul.disc-list{
	margin-left:1.475em;
	list-style:disc outside;
}
ul.disc-list li{
	margin-bottom:5px;
}
ol.decimal-list{
	margin-left:1.775em;
	list-style:decimal outside;
}
ol.decimal-list li{
	margin-bottom:5px;
}

.img-border999{
	border:1px solid #999!important;
}

span.normal{font-weight:normal;}


.alpha{
	margin-right:0.1em;
	font-family: georgia, "times new roman", serif;
	font-size: 139%;
}


/*==for jquery.biggerlink.js ==*/
.bl-hot {
	zoom: 1; /* Should be IE only */
}
/* rollover style for clickable element */
.bl-hover {
	cursor: pointer;
	color:#e8340c;
}
a.link-blank{
	padding-right:12px;
	background: url("../images/li/link_blank.png") no-repeat right center;
}
/*
h3{font-size:116%;}
h4{font-size:116%;}
h5{font-size:116%;}
h6{font-size:108%;}
*/

p.P1{
	margin-top:-10px!important;
  padding-top:0!important;
}
p.P2{
  padding-top:0!important;
}
p.P3{
  padding-top:5px!important;
}
p.P4{
  padding-top:15px!important;
}
p.P5{
  padding-top:20px!important;
}
p.P6{
  padding-top:25px!important;
}

p.caption, figcaption{
  padding-top:5px!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:85%!important;
  letter-spacing:normal!important;
}
p.caption-left{
  padding-top:5px!important;
  text-align:left;
  font-size:85%;
  letter-spacing:normal!important;
}
p.caption-right{
  padding-top:5px!important;
  text-align:right;
  font-size:85%;
  letter-spacing:normal!important;
}

li.last-list, dd.last-list{
	margin-bottom:0!important;
	padding-bottom:0!important;
}

th.two-words{letter-spacing: 1em;margin-right:-1em;}
.two-words{letter-spacing:0.5em;}

.font-bold{font-weight:bold;}
.font-normal{font-weight:normal!important;}

.line-height0{line-height:0!important;}

p.text-indent01{
	padding-left:1.275em;
	text-indent:-1.275em;
}
/*--color setting--*/

.red-dark{color:#b92301;}
.red{color:#e8340c;}
.blue-dark{color:#004ea2;}
.blue{color:#00a0e9;}
.yellow{color:#fabe00;}
.orange{color:#f08200;}
.green{color:#5fa800;}

.gray666{color:#666;}
.gray555{color:#555;}
.redc30{color:#c30;}

.nowrap{white-space:nowrap;}

.display-block{display: block!important;}

/*================================================
								2.Block
================================================*/

.wrap01{padding-top:40px;}
.wrap02{padding-top:50px;}
.wrap03{padding-top:60px;}
.wrap04{padding-top:70px;}
.wrap05{padding-top:80px;}

.block01{padding-top:40px;}
.block02{padding-top:30px;}
.block03{padding-top:25px;}
.block04{padding-top:20px;}
.block05{padding-top:15px;}
.block06{padding-top:10px;}

.box-style01{
	padding:25px 20px;
	border:1px solid #ccc;
}
.box-style02{
	padding:15px 15px;
	border:1px solid #ccc;
}


/*================================================
								3. Font Size Classes
================================================*/
/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

/*--base font-size:13px--*/
.size8 { font-size:62%!important; }
.size9 { font-size:70%!important;}
.size10 { font-size:77%!important; }
.size11 { font-size:85%!important; }
.size12 { font-size:93%!important; }
.size13 { font-size:100%!important; }
.size14 { font-size:108%!important; }
.size15 { font-size:116%!important; }
.size16 { font-size:124%!important; }
.size17 { font-size:131%; }
.size18 { font-size:139%; }
.size19 { font-size:147%; }
.size20 { font-size:154%; }
.size21 { font-size:162%; }
.size22 { font-size:170%; }
.size23 { font-size:177%; }
.size24 { font-size:185%; }
.size25 { font-size:193%; }
.size26 { font-size:200%; }


/*================================================
							4. Float Clear Settings
================================================*/

hr.clear{
	clear:both;
	display:block;
	visibility:hidden!important;
	border:0;
	padding: 0;
	margin:0;
	width: 100%;
	height: 0;
	overflow: hidden;
	bottom: 0;
	line-height:0!important;
}
.clear{clear:both;}

/* for IE7 */
*:first-child+html hr.clear{
	margin-top:-30px;
	height:20px;
}
*:first-child+html .clear{
	min-height:1em;
}

/* for IE6 or sooner */
* html hr.clear{
	margin-top:-40px;
	height:20px;
}
* html .clear{
	height: 1%;
}


/* clearfix setting */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/*================================================
							5. Float-Align Settings
================================================*/


.float-left{
	float:left!important;
}

.float-right{
	float:right!important;
}

.img-left{
	margin-right:25px;
	float:left!important;
}


.img-right{
	margin-left:25px;
	float:right!important;
}

.photo-box, img.photo-box{
	padding:2px;
	display:block;
	border: 1px solid #ccc;
}

.img-border999{
	display:block;
	border: 1px solid #999;
}

.text-center, .text-center p{
	margin-right:auto;
	margin-left:auto;
	text-align:center!important;
}

.text-right, .text-right p{
	text-align: right!important;
}

.text-left, .text-left p, p.text-left{
	text-align: left!important;
}


/*================================================
							6. Margin-Padding Settings
================================================*/

/* margin top=t, right=r, bottom=b, left=l */

/* margin-top*/
.margin-t0{margin-top:0px!important;}
.margin-t5{margin-top:5px!important;}
.margin-t10{margin-top:10px!important;}
.margin-t15{margin-top:15px!important;}
.margin-t20{margin-top:20px!important;}
.margin-t25{margin-top:25px!important;}
.margin-t30{margin-top:30px!important;}
.margin-t35{margin-top:35px!important;}
.margin-t40{margin-top:40px!important;}

.margin-l-5{margin-left:-5px!important;}
.margin-l-8{margin-left:-8px!important;}
.margin-l-10{margin-left:-10px!important;}
.margin-l0{margin-left:0px!important;}
.margin-l5{margin-left:5px!important;}
.margin-l8{margin-left:8px!important;}
.margin-l10{margin-left:10px!important;}
.margin-l15{margin-left:15px!important;}
.margin-l20{margin-left:20px!important;}
.margin-l25{margin-left:25px!important;}
.margin-l30{margin-left:30px!important;}
.margin-l40{margin-left:40px!important;}
.margin-l50{margin-left:50px!important;}

.mar-left5p{margin-left:5%!important;;}
.mar-left10p{margin-left:10%!important;;}
.mar-left15p{margin-left:15%!important;;}
.mar-left20p{margin-left:20%!important;;}
.mar-left25p{margin-left:25%!important;}
.mar-left30p{margin-left:30%!important;}
.mar-left35p{margin-left:35%!important;}
.mar-left40p{margin-left:40%!important;}

.margin-r0{margin-right:0px!important;}
.margin-r5{margin-right:5px!important;}
.margin-r8{margin-right:8px!important;}
.margin-r10{margin-right:10px!important;}
.margin-r20{margin-right:20px!important;}
.margin-r30{margin-right:30px!important;}
.margin-r40{margin-right:40px!important;}
.margin-r50{margin-right:50px!important;}

/* padding top=t, right=r, bottom=b, left=l */

/* padding-top*/
.padding-t0{padding-top:0px!important;}
.padding-t5{padding-top:5px!important;}
.padding-t10{padding-top:10px!important;}
.padding-t15{padding-top:15px!important;}
.padding-t20{padding-top:20px!important;}
.padding-t25{padding-top:25px!important;}

/*================================================
							7. Width Settings
================================================*/

.w10{width:10%!important;}
.w15{width:15%!important;}
.w20{width:20%!important;}
.w25{width:25%!important;}
.w30{width:30%!important;}
.w35{width:35%!important;}
.w40{width:40%!important;}
.w45{width:45%!important;}
.w48{width:48%!important;}
.w50{width:50%!important;}
.w55{width:55%!important;}
.w60{width:60%!important;}
.w65{width:65%!important;}
.w70{width:70%!important;}
.w75{width:75%!important;}
.w80{width:80%!important;}
.w85{width:85%!important;}
.w90{width:90%!important;}
.w95{width:95%!important;}
.w98{width:98%!important;}
.w100{width:100%!important;}

/* for ie6 */
*html .w100{width:99.5%!important;}


/*================================================
							7. Form Tag Settings
================================================*/

button,
input,
select,
textarea {
margin : 0; }

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
cursor : pointer; }

form label:hover {
	cursor: pointer;
}
input,
select {
vertical-align : middle; }

::-webkit-input-placeholder {
color:#999;
padding : 0 10px;
font-size : 100%;
line-height : 1.4; }

input:-moz-placeholder {
color:#9f9873;
padding : 0 10px;
font-size : .875em;
line-height : 1.4; }


div#mailfrom_hidden_object{
	width: 1px;
	height: 1px;
	overflow: hidden;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend{
	margin:0px 0 5px -5px;
	padding:2px 0 0 8px;
	border-left:5px solid #039;
	line-height:1.1!important;
	font-size:108%;
	font-weight:bold;
	letter-spacing:0.1pt;
}
legend span{
	margin-left:1em;
	font-size:93%;
	font-weight:normal;
}
input[type="text"], input[type="email"]{
	padding:5px 0 3px 0.2em;
	height:1.4em;
	font-size: 12px;
	line-height:1.6;
}
textarea {
	padding:5px 0 3px 0.2em;
  font-size: 12px;
	height: 1.4;
	overflow: auto;
	resize: vertical;
}


input[type="text"], input[type="email"], textarea{
  background:#fff;
  background:#fff url(../images/bg/bg_input.gif) repeat-x 0px 0px;
  border: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus,
input[type="text"].error, input[type="email"].error {
  -webkit-box-shadow: 0px 0px 4px #ccc;
  -moz-box-shadow: 0px 0px 4px #ccc;
  box-shadow: 0px 0px 4px #ccc;
  border-color: #ccc;
  background:#fffdf3 (../images/bg/bg_input_focus.gif) repeat-x 0px 0px;
}
input[type="text"].error, input[type="email"].error, select.error {
	border-color: #f00;
  -webkit-box-shadow: 0px 0px 4px #f00;
  -moz-box-shadow: 0px 0px 4px #f00;
  box-shadow: 0px 0px 4px #f00;
}


select{height:22px;
  border: solid 1px #ccc;
  outline: 0;
	background:#fff;
}

.ie7 select{height:25px;}


input.radio, input.checkbox{
	margin: 0 0 2px 0;
	vertical-align: middle;
}

span.radio-setting{
	margin: 0 0 0 5px;
	vertical-align: middle;
	line-height:1;
}


/* ie6 */
* html input.radio
{margin: 0 0 5px 0; vertical-align: middle;}
* html input.checkbox
{margin: 0 0 2px 0; vertical-align: middle;}

 /* ie7 */
.ie7 input.radio, .ie7 input.checkbox
{margin: 0 0 5px 0; vertical-align: middle; line-height:1.5;}
.ie7 input.checkbox{vertical-align : baseline;}
.ie7 span.radio-setting{
	margin: 0 0 0 2px;
}


input[type="email"].hidden-email,
input[type="email"].hidden-email:focus{
	border:0 solid!important;
	background-image: none!important;
	padding: 0;
	margin: 0;
	visibiilty:hidden;
	height:1;
  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}


.ie6 legend,
.ie7 legend {
margin-left : -7px; }

.ie6 input {
vertical-align : text-bottom; }

.ie7 input[type="checkbox"],
.iem7 input[type="checkbox"] {
vertical-align : baseline; }

/* ==========================================================================
   									10.Print styles
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
  * .lt-ie7{zoom:72.1111%}
  .lt-ie9 body{text-align:left;}

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}