@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
*/

html{color:#444;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ul li{list-style:none;list-style-position: outside;}
ol li{list-style-position:outside;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select {*font-size:100%;}
/*because legend doesn't inherit in IE */
legend {color:#000;}






/* ===================================================================
 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 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%
=================================================================== */


html {	overflow-y: scroll;}	/* スクロールバーの有無によるズレ対策 */

body{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
input, textarea{font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {					font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea{	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/* IEpngfix */
img, div { behavior: url(../css/iepngfix.htc) }



/* ---------------------------------------------------------------- *
	                                                           link
 * ---------------------------------------------------------------- */
 
a{					color:#039; text-decoration:none;}
a:link, a:visited{	color:#336; text-decoration:none;}
a:hover, a:active{	color:#333; text-decoration:underline;}



/***** Base Setting *******************************/


.imgover{
}
.imgover_5{
	margin-bottom: 5px;
}
.imgover_10{
	margin-bottom: 10px;
}
.bottom_10{
	margin-bottom: 10px;
}
.img_clarity65{}
a:hover .img_clarity65 {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

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

img{
	vertical-align:bottom;
}

p{
	margin-bottom: 1em;
	line-height: 180%;
	text-indent:1em;
}

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

a {
	color: #006699;
	text-decoration: underline;
}
a:link {
	color: #006699;
	text-decoration: underline;
}
a:visited {
	color: #5C686D;
	text-decoration: underline;
}
a:hover {
	color: #FFCC00;
}
a img {
	border: 0px;
}



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

.tex_red {
	color: #FF3300
}
.tex_blue {
	color: #336699;
}
.tex_bold {
	font-weight: bold;
}
.tex_red_bold {
	color: #FF3300;
	font-weight: bold;
}
.tex_small {
	font-size: 8pt;
}

/***** img Space Setting *******************************/

img.tl{
	margin-bottom: 10px;
}
img.mainimg{
	margin-bottom: 15px;
	margin-left: 20px;
}
img.read{
	margin-bottom: 10px;
}
img.mida{
	margin-bottom: 15px;
}
img.catch{
	margin: 20px 20px;
}

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

.img_l {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 1px;
	border: 1px solid #ccc;
}
.img_r {
	float: right;
	margin: 0px 0px 5px 10px;
	padding: 1px;
	border: 1px solid #ccc;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align:center}
.FloatEnd {
	clear:both;
}

/******************** iconItem ************************/

.icon_pdf{ background:url(../../img/icon-pdf.gif) no-repeat 0px 0px; padding:8px 0px 8px 45px; font-size:14px; margin:5px 200px; border-bottom:1px dashed #CCC; border-top:1px dashed #CCC;}
.icon_doc{ background:url(../../img/icon-doc.gif) no-repeat 0px 0px; padding:8px 0px 8px 45px; font-size:14px; margin:5px 200px; border-bottom:1px dashed #CCC; border-top:1px dashed #CCC;}


/***** tagle Setting *******************************/