@charset "utf-8";

/* ===================================================================
 style info : フォントサイズの制定
=================================================================== */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.0
build: 2026
*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */


body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

select,input,button,textarea{	font:99% arial,helvetica,clean,sans-serif;}
table {	font-size:inherit;	font:100%;}
pre,code,kbd,samp,tt {	font-family:monospace;	*font-size:108%;	line-height:100%;}



/* ===================================================================
 style info : 各種設定

fonts
 10px = 77% 11px = 85% 12px = 93% 13px = 100%
 14px = 108%15px = 116%16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%23px = 174%24px = 182%25px = 189%
 26px = 197%
=================================================================== */


/***** Base Setting *******************************/
body{color:#333;}
* {	margin: 0px;}
p {
	margin: 5px 0px 12px;
}

.margin10{
	margin: 5px 10px 15px;
}
.margin20{
	margin: 10px 20px;
}
.margin40{
	margin: 10px 40px;
}

.bottom10{margin-bottom:10px;}
.bottom20{margin-bottom:20px;}

.imgover_10{	margin-bottom: 10px;}

.img_clarity65{}
a:hover .img_clarity65 {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

.img_clarity65_10{margin-bottom: 10px;}
a:hover .img_clarity65_10 {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

img{	vertical-align:baseline;}
img.lh{
	vertical-align:text-top;
	margin-right: 3px;
}
img.border{
	border:1px solid #ccc;
	padding: 1px;
}
a img.lh{	text-decoration:none;}

/***** Link Setting *******************************/

a:link,
a {
	color: #09C;
	text-decoration: none;
}
a:visited {
	color: #069;
	text-decoration: none;
}
a:hover {
	color: #F66;
	text-decoration: underline;
}
a img {
	border: 0px;
}




/***** Text Setting *******************************/


.tex_red {	color: #F36 !important;}
.tex_pink {	color: #F66 !important;}
.tex_blue {	color: #099 !important;}
.tex_green {	color: #3F923D !important;}
.tex_orange {	color: #F60 !important;}
.tex_yellow {	color: #DDB000 !important;}
.tex_gray {	color: #666 !important;}
.tex_brown {	color: #D2691E !important;}
.tex_white {	color: #fff !important;}

.tex_small {	font-size: 8px !important;}
.tex_large {	font-size: 14px !important;}
.tex_xlarge {	font-size: 16px !important;}

/***** Float Setting *******************************/

.img_l {
	float: left;
	margin: 0px 10px 10px 0px;
}
.img_r {
	float: right;
	margin: 0px 0px 10px 10px;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.float_l_img {
	float: left;
	margin: 0px 20px 10px 0px;
}
.float_r_img {
	float: right;
	margin: 0px 0px 10px 20px;
}
.FloatEnd {
	clear:both;
}

.center{
	text-align:center !important;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}


/***** Line Setting *******************************/

.line_solid {
	border-top: 1px solid #cccccc;
	clear: both;
	height: 0px;
	margin-bottom: 15px;
}
.line_dashed {
	border-top: 1px dashed #cccccc;
	clear: both;
	height: 0px;
	margin: 10px 20px 20px;
	overflow: hidden;
}

/***** table Setting *******************************/