@charset "UTF-8";

/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

/* /////////////////////////////////////////////////////////////////////////// BaseSet */

/*li, dt, dd {display:inline;}
li img, dt img, dd img {display:block;}*/

* {
	margin: 0; 
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
html {
	margin: 0;
	padding: 0;
}
*html body {  　　　　　/*IE6だけに適用*/
	overflow-y: auto;
}
*+html body {　　　　　/*IE7だけに適用*/
	overflow-y:auto;
}
body {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}

/* ---------------- block element */
div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
	margin: 0;
	padding: 0;
}


/* -------- p */
p {
	margin: 0;
	padding: 0;
	text-align: left;
}

/* -------- blockquote */
blockquote {
	margin: 1em 2em;
	padding: 0 1em;
}

blockquote p {
	margin: 1em 0 1em 0;
	padding: 0;
}

blockquote blockquote {
	margin: 0.2em 0;
	padding: 0.2em 0 0.2em 0.2em;
}

/* -------- pre */
pre.banner {
	margin: 0 0 1em 0;
	padding: .5em;
	font-size: .9em;
	color: #333;
	border-bottom: 1px solid #ccc;
}

/* -------- del */
del {
	color: #CCC;
	font-weight: normal;
	text-decoration: line-through;
}



/* ///////////////////////////////////////// fontsize */

p, li, dt, dd, th, td {
	font-size: 93%;
	line-height: 1.4;
}

div#main p{
	line-height: 1.67;
}



/* ---------------- inline element */
a, abbr, acronym, bdo, big, cite, code, dfn, em, img, kbd, object, q, ruby, samp, small, span, strong, sub, sup, var {
	display: inline;
}
abbr, acronym {
	border-width: 0 0 1px 0;
	border-style: dotted;
	cursor: help;
}
dfn {
	border-width: 0 0 1px 0;
	border-style: dotted;
}



/* ///////////////////////////////////////// anchor */
a {
	font-weight: normal;
	text-decoration: underline;
}
/* link */
a{
	color:#06a;
	text-decoration:underline;
}
a:visited {
	color:#800080;
}
a:hover{
	color:#c00;
	text-decoration:none;
}
a:active{
	color:#c00;
}
/*Win Firefox*/
:focus {
    -moz-outline-style: none;
}
/*Mac Firefox*/
a {
	outline: none;
} 



/* link */
ul#foot-nav li a {
	color:#fff;
	text-decoration:none;
}
ul#foot-nav li a:visited  {
	color:#fff;
	border-bottom: 1px dotted #fff;
}
ul#foot-nav li a:hover {
	color:#eee;
	border-bottom: 1px solid #fff;
}
ul#foot-nav li a:active {
	color:#eee;
}

/* ///////////////////////////////////////// image */
img {
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
}
a img {
	border: none;
	text-decoration: none;
}
table th img,
table td img {
	vertical-align: middle;
}


/* -------- sub sup */
sub, sup {
	font-size: 50%;
}

/* -------- q */
q {
	margin: 0 0.5em;
	padding: 0;
	font-style: italic;
}

/* -------- strong */
strong {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* -------- em */
em {
	margin: 0 0.2em;
	padding: 0;
	font-weight: normal;
	text-decoration: underline;
}

/* -------- u */
u {
	margin: 0;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px double #333;
}

/* -------- buttom */
button {
	cursor: pointer;
	border-color: #FAFAFA #848484 #848484 #FAFAFA;
	border-width: 1px;
	border-style: solid;
	color: #333;
	font-family: monospace;
	background-color: #F0F0F0;
}
button:active {
	border-color: #848484 #FAFAFA #FAFAFA #848484;
}
.bt {
	padding: .25em .5em;
	cursor: pointer;
	font-family: monospace;
}
.bt:active {
	border-color: #848484 #FAFAFA #FAFAFA #848484;
}


/* ---------------- list element */
dl {
	margin: 0;
	padding: 0;
}
dt {
	margin: 0;
	padding: 0;
}
dd {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}

/* =Form
-------------------------------------------------*/
form {
	line-height: 1;
	margin: 0;
	padding: 0;
}
fieldset {
	margin: 0 0 30px 0;
	padding: 0;
	border: none;
}
fieldset dt {
	border: none;
}
fieldset ul,
fieldset ol,
fieldset dl {
	display: block;
	margin: 1em 0 1em 0.5em;
}
legend {
	padding: .25em .5em;
	color: #FFF;
	width: 100%;
	line-height: 1.8;
	text-align: center;
	font-size: .9em;
	text-transform: uppercase;
	background-color: #F96400;
}
label {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}
input {
	margin: 0;
	vertical-align: middle;
}
textarea {
	margin: 0;
	vertical-align: middle;
}
input.char,
textarea.char {
	padding: .2em;
	width: 95%;
	border: 1px solid #ccc;
}
input.char-harf {
	padding: .2em;
	width: 50%;
	border: 1px solid #ccc;
}
input.char-semi {
	padding: .2em;
	width: 45%;
	border: 1px solid #ccc;
}
input.char-mini {
	margin-bottom: .2em;
	padding: .2em;
	width: 150px;
	border: 1px solid #ccc;
}
input.char:focus,
input.char-harf:focus,
textarea.char:focus,
input.char-semi:focus,
input.char-mini:focus {
	border: 1px solid #FF9900;
}

.validation-advice {
	margin-left: 1em;
	padding: .5em;
	color : #FF9900;
	font-weight: bold;
}
input.validation-failed, textarea.validation-failed {
	color : #FF3300;
	border: 1px solid #FF9900;
}
input.validation-passed, textarea.validation-passed {
	color : #000;
	border: 1px solid #00CC00;
}
.custom-advice {
	margin: 5px 0;
	padding: .4em;
	background-color: #C8AA00;
	color : #fff;
	font-weight: bold;
}
.bt {
	padding: .25em .5em;
	font-size: .9em;
}


input[type=checkbox]:active {
   background: darkGray;
   border: 1px inset black;
}                  
input[type=checkbox]:hover {
   border: 1px solid black;
}


/* 半角モード */
input.txtmode {
	ime-mode: inactive;
}



/* -- table */
table, th, td {
}
table {
	margin: 0;
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: none;
	font-size: 107%;
}
caption {
	font-weight: normal;
}
tr {
	border: none;
}
th, td {
}


/* -------- noscript */
noscript {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
noscript p {
	padding: 0.5em 0;
	border-bottom: 1px solid #d44;
	color: #666;
	text-align: center;
	background-color: #fee;
}



.skiplink {
	position: absolute;
	left: -999px;
	width: 990px;
}
a[accesskey]:after {
	text-transform: uppercase;
	content: "<" attr(accesskey) ">";
}

hr {
	clear: both;
	display: block;
	margin: 20px 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	height: 0;
}
#printbtn {
	margin: 25px 0 10px 0;
	text-align: center;
}

/* -------- postion */
.p-c {
	text-align: center;
}
.p-l {
	text-align: left;
}
.p-r {
	text-align: right;
}

/* -------- show */
.show {
	display: block;
}

/* -------- hidden */
.hidden {
	display: none;
}
#log {
	line-height: 0;
	text-indent: -9999em;
	text-decoration: none;
	display: none;
}

/* -------- small text */

/* -------- inline list */
ul.inline li, 
ol.inline li {
	display: inline;
}
ul.inline li ul,
ol.inline li ol {
	display: inline;
	margin: 0;
	padding: 0;
}

/* -------- source list */


/* -------- image replacement */
.img-rt {
	float: right;
	clear: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 5px solid #F8F7F4;
}
.img-lt {
	float: left;
	clear: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 5px solid #F8F7F4;
}


/* -------- floating image */


/* -------- tab navigation */


/* -------- float clear */
.clear:after,
.image:after,
ul.tab:after {
	content: '[.]';
	visibility: hidden;
	clear: both;
	display: block;
	height: 0;
}
/*\*/
* html .clear,
* html .image,
* html ul.tab {
	height: 1%;
}
.clear,
.image,
ul.tab {
	display: block;
}
/* */
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* ///////////////////////////////////////// ClearFix */

.clear{
	clear:both;
}

/* modern browsers */

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

/* IE7 */

.clearfix,
ul.items li {
	display: inline-block;
}

/* legacy IE */

* html .clearfix,
* html ul.items li {
	height: 1%;
}

.clearfix,
ul.items li {
	display: block;
}



/* ///////////////////////////////////////// External Links */
body * a[href^="http:"]:after,
body * a[href^="https:"]:after {
     content: url(../images/i_popup.gif);
     vertical-align: middle;
     margin: 0 2px;
}

body * a[href^="http://twitter.com/"]:after,
body * a[href^="http://twitter.com/"]:after,
body * a[href^="http://twitter.com/"]:after {
     content: "";
     margin: 0;
}



/* /////////////////////////////////////////////////////////////////////////// margin */
.sp1 {
	margin-bottom: 1.2em !important;
}
.sp2 {
	margin-bottom: 2.4em !important;
}
.sp3 {
	margin-bottom: 3.6em !important;
}

/* /////////////////////////////////////////////////////////////////////////// levelmapping */
#pan {
	clear: both;
}
ul#pan {
	margin: 0 auto;
	padding: .75em 0;
	text-align: left;
	width: 100%;
}
ul#pan li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 92%;
}
ul#pan li span a {
	padding: 0 16px 0 0;
	background: transparent url(../images/level.gif) right center no-repeat;
}