@charset "utf-8";

/* ---------------------------------------------
	* clear
	* display
	* float
	* position
	* z-index
	* list-style

	* width
	* height
	* margin
	* padding
	* border
	* background
	
	* color
	* font
	* text-decoration
	* text-align
	* vertical-align
	* white-space
	
	* other text
	* contents

	* overflow
	
	
	** IE8 ********
	
	E > F
	E + F
	E ~ F
	:before
	:after
	:first-child
	:first-letter
	:first-line
	
	** No IE7 ********
	
	:before
	:after
	:first-child
	
	** IE7 hack ******
	
	*color: yellow;
	
	
--------------------------------------------- */

/* 14px base---------------------------------------------

10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%

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


/* ==========================================
　reset
========================================== */

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, img, select { margin: 0; padding: 0; }

body{ background-color:#F30;}

table {	border-spacing: 0; }

img {	border: 0; line-height: 0; vertical-align: bottom; }

address, caption, th { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th {	text-align: left; }

th, td { vertical-align: top; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

abbr, acronym {	border: 0; font-variant: normal; }

input, textarea, select {	font-family: inherit;	font-size: inherit;	font-weight: inherit; }
input, textarea, select {	*font-size: 100%;	vertical-align: middle; }

input{ position:relative; top: -2px; }

a:link { cursor: pointer; }
a:active { outline: none; }

iframe { border: none; }


/* ==========================================
　general
========================================== */
body,pre {
	color: #333333;
	font-size: 14px;
	line-height: 1.6;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Arial, Verdana, sans-serif;
	background: #FFF;
}
pre {	white-space: normal; word-break: break-all; word-wrap: break-work; }


/* link
------------------------------------ */
a:link, a:visited {	color: #0569a5;	text-decoration: underline; }
a:hover, a:active {	color: #0584cf;	text-decoration: none; }


/* frame
------------------------------------ */
#wrap, #footer { width: 100%; }
#header, #footer ul {	width: 900px; margin: 0 auto; }
#content {	width: 900px; margin: 0 auto; }
#main { float: right; width: 670px; }
#aside { float: left; width: 200px; }


/* topicPath
------------------------------------ */
#content #topicPath {	padding: 10px 0 10px 10px; background-color: #f4f4f5; font-size: 86%; }
#content #topicPath {	margin-bottom: 20px;	color: #666666; }
#content #topicPath li { display: inline;	margin-right: 10px; padding-left: 12px; background: url(../images/ico_path_02.gif) no-repeat 0 6px; }
#content #topicPath li:first-child { padding-left: 21px; background: url(../images/ico_path_01.gif) no-repeat 0 2px; }


/* table
------------------------------------ */
#content table { width: 100%; border-collapse: collapse; font-weight: normal; }
#content table th, #content table td {
	padding: 10px 15px 7px;
	border: 1px solid #D1D1D1;
	text-align: left;
}
#content table th { background-color: #EFF0F1; font-weight: bold; text-align: center; vertical-align: middle; font-weight: bold; }


/* form
------------------------------------ */
#content textarea { border: 1px solid #C6C6C6; }
#content [type="checkbox"] { margin-right: 7px; }
#content [type="text"] { height: 25px; border: 1px solid #C6C6C6; }


/* clearfix
------------------------------------ */
.clearfix:before, .clearfix:after {	content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* position
------------------------------------ */
.fltL { float: left; }
.fltR { float: right; }
.tAL { text-align: left !important;}
.tAR { text-align: right !important;}
.tAC { text-align: center !important;}


/* font
------------------------------------ */
.fcRed {
	color: #f00 !important;
	font-size: 16px;
}
.fcBlue { color: #266AA5 !important;}
.fcGrey { color: #666 !important;}

.fs10 {	font-size: 72% !important;}
.fs11 {	font-size: 79% !important;}
.fs12 {	font-size: 86% !important;}
.fs13 {	font-size: 93% !important;}
.fs14 {	font-size: 100% !important;}
.fs15 {	font-size: 108% !important;}
.fs16 {	font-size: 115% !important;}
.fs17 {	font-size: 122% !important;}
.fs18 {	font-size: 129% !important;}
.fs19 {	font-size: 136% !important;}
.fs20 {	font-size: 143% !important;}

.fwB {font-weight: bold;}


/* margin padding
------------------------------------ */
.mT0 {	margin-top: 0px !important;}
.mT5 {	margin-top: 5px !important;}
.mT10 {	margin-top: 10px !important;}
.mT15 {	margin-top: 15px !important;}
.mT20 {	margin-top: 20px !important;}
.mT25 {	margin-top: 25px !important;}
.mT30 {	margin-top: 30px !important;}
.mT35 {	margin-top: 35px !important;}
.mT40 {	margin-top: 40px !important;}
.mT45 {	margin-top: 45px !important;}
.mT50 {	margin-top: 50px !important;}

.mR0 {	margin-right: 0px !important;}
.mR5 {	margin-right: 5px !important;}
.mR10 {	margin-right: 10px !important;}
.mR15 {	margin-right: 15px !important;}
.mR20 {	margin-right: 20px !important;}
.mR25 {	margin-right: 25px !important;}
.mR30 {	margin-right: 30px !important;}
.mR35 {	margin-right: 35px !important;}
.mR40 {	margin-right: 40px !important;}
.mR45 {	margin-right: 45px !important;}
.mR50 {	margin-right: 50px !important;}

.mB0 {	margin-bottom: 0px !important;}
.mB5 {	margin-bottom: 5px !important;}
.mB10 {	margin-bottom: 10px !important;}
.mB15 {	margin-bottom: 15px !important;}
.mB20 {	margin-bottom: 20px !important;}
.mB25 {	margin-bottom: 25px !important;}
.mB30 {	margin-bottom: 30px !important;}
.mB35 {	margin-bottom: 35px !important;}
.mB40 {	margin-bottom: 40px !important;}
.mB45 {	margin-bottom: 45px !important;}
.mB50 {	margin-bottom: 50px !important;}

.mL0 {	margin-left: 0px !important;}
.mL5 {	margin-left: 5px !important;}
.mL10 {	margin-left: 10px !important;}
.mL15 {	margin-left: 15px !important;}
.mL20 {	margin-left: 20px !important;}
.mL25 {	margin-left: 25px !important;}
.mL30 {	margin-left: 30px !important;}
.mL35 {	margin-left: 35px !important;}
.mL40 {	margin-left: 40px !important;}
.mL45 {	margin-left: 45px !important;}
.mL50 {	margin-left: 50px !important;}


/* other
------------------------------------ */
.alpha a:hover img { opacity: 0.80;	filter: alpha(opacity=80); -moz-opacity: 0.80; -ms-filter: "alpha(opacity=80)"; }
#pagetop { position: fixed;	bottom: 5em; right: 3em; display: nｆｆone;	}


/* ==========================================
　header
========================================== */
#header > .fltL {	width: 680px;    height: 198px;	margin-top: 25px;	margin-left: 10px; }
#header > .fltR {	width: 200px;margin-top: 25px; }

#header h1 + .clearfix { margin-right: 7px;	padding-top: 9px; }
#header h1 + .clearfix p:first-child { float: left;	margin-top: 3px; }
#header h1 + .clearfix p + p { float: right; }

#header.top > .fltL > .clearfix + .clearfix {	margin-top: 12px; }
#header.top > .fltL > .clearfix + .clearfix div { float: left; }
#header.top > .fltL > .clearfix + .clearfix div > p {	margin-top: 5px; }

#header .fltR > ul > li:first-child { float: left; margin-right: 11px; }
#header .fltR dt, #header .fltR dd { float: left; }
#header .pulldown { width: 108px; height: 23px; padding: 1px; background-color: #d1d1d1; }
#header .pulldown li { position: relative; }
#header .pulldown li span { position: absolute;	top: 6px;	right: 6px; }
#header .pulldown li a { display: block; }
#header .pulldown li ul { position: absolute; top: 100%; left: -1px; }
#header .pulldown li ul li{ overflow: hidden; height: 0; }
#header .pulldown li ul li:first-child a{	padding-top: 1px; }
#header .pulldown li ul li a{	padding: 0 1px 1px 1px; background-color: #d1d1d1; }
#header .pulldown li:hover ul li{ overflow: visible; height: 100%; }

#header.top .fltR > p { margin-top: 10px; }
#header .fltR > .clearfix > p { margin: 10px 0; }
#header .fltR > .clearfix > div p {	margin-top: 5px; }
#header .nav { clear: both; width: 900px; padding-top: 8px; }
#header .nav li { float: left; }
#header .nav li { position: relative; }
#header .nav li span { position: absolute;	top: 6px;	right: 6px; }
#header .nav li a { display: block; }
#header .nav li ul { position: absolute; top: 100%; left: 0; }
#header .nav li ul li{ overflow: hidden; height: 0; }
#header .nav li ul li:first-child a{ padding-top: 2px; }
#header .nav li ul li a{ padding: 0 1px 1px; background-color: #B8BBBE; }
#header .nav li:hover ul li{ overflow: visible; height: 100%; }


/* ==========================================
　aside
========================================== */
#aside {}


/* ==========================================
　footer
========================================== */
#footer { margin-top: 60px; font-size: 86%; }
#footer ul { border-bottom: 1px solid #cecece; }
#footer li { float: left; }
#footer .inner { margin-top: 10px; padding: 10px 0 25px 0; background-color: #F6F6F6; }
#footer .inner .clearfix { width: 900px; margin: 0 auto; }
#footer .inner .clearfix dt {	float: left; margin-right: 15px; }
#footer .inner .clearfix dd {	float: left; }
#footer .copyright{ margin-top: 5px;	text-align: center; }