@charset "utf-8";

/*
 基本設定（タグ）
----------------------------------------------------------- */
* {
	padding: 0px;
	margin: 0px;
}

html {
	overflow-y: scroll;/*Firefoxでのズレ対策*/
}

body {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:84%;
	background-color:#FFF;
	color:#333;
	text-align:center;
	color:#333333;
}

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

p,
li,
dt,
dl {
	line-height: 1.4;/*line-heightの値は単位をつけないほうが良いそうです*/
}

em {
	font-style: normal;
}

ol,
ul,
li {
	list-style-type: none;
}

img {
	border: 0px;
}

address {
	font-style: normal;
}

sup {
	vertical-align: top;
}

/*
 スキップ　
----------------------------------------------------------- */
.skip {
	position:fixed;
	display:none;/*for mac IE5 \*/
	display:inherit;/* except mac IE5 */
	position:absolute;
	left:-9999px;
}

hr {
	display: none;
}

/*
 リンク装飾 
----------------------------------------------------------- */
a:link {
	color:#666666;
	text-decoration:underline;
}

a:visited {
	color:#666666;
	text-decoration:underline;
}

a:hover {
	color:#0055A6;
	text-decoration:underline;
}

a:active {
	color:#0055A6;
	text-decoration:underline;
}

a { /* FireFox リンク選択時の点線を消す　*/
    overflow: hidden;
    outline: none;
}

/*基本設定（表組み）
----------------------------------------------------------- */
table {
	clear: both;
	border-top: solid 1px #FFF;
	border-left: solid 1px #FFF;
	background:#F3F3F3;
}

th,
td {
	padding: 3px 7px;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	line-height: 1.3;
}

th {
	font-weight:normal;
	text-align:left;
}

/* ie6のみ */
* html th,
* html td,
* html caption {
	font-size: 84%;
}

.bgcolorWhite {
	background-color:#FFF;
}

/*
 基本CSS
----------------------------------------------------------- */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
	display: block;
}

.clearFlame {
	display: inline-block;
}

.clearFlame:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

/*  ---- Clearfix ----  */

.clearfix{
	zoom:1;
}
.clearfix:after{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.clearfix { display: inline-block; }
/* Mac版IEを除外 \*/
.clearfix { display: block; }
/* */


/*表示位置*/
.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

/*文字の太さ*/
.textWeightNomal {
	font-weight: normal;
}

.textWeightBold {
	font-weight: bold;
}

/*文字のサイズ*/
.textSize115per {
	font-size:115%;
}
.textSize110per {
	font-size:110%;
}
.textSize90per {
	font-size:90%;
}
.textSize84per {
	font-size:84%;
}

/*文字色*/
.textColorGreen {
	color:#A1D032;
}

/*行間（必要に応じて追加）*/
.lineHeight120per {
	line-height: 1.2;
}

.lineHeight200per {
	line-height: 2;
}

/*表示タイプ*/
.DisplayBlock {
	display: block;
}

.DisplayInline {
	display: inline;
}

/*インデント（必要に応じて追加）*/
.indent01 {
	padding-left: 1em;
}

.indent02 {
	padding-left: 2em;
}

.indent03 {
	padding-left: 3em;
}

.indent04 {
	padding-left: 4em;
}

.indent05 {
	padding-left: 5em;
}

/*ふりがな*/
ruby {
	ruby-align: auto;
	ruby-overhang: auto;
	ruby-position: above;
}

/*注意書きなどに使用*/
.attention {
	font-weight: bold;
	color: #CC0000;
}

/*ダミー文などに使用*/	
.noCheck {
	font-weight:bold;
	color: #0000CC;/*★目立つようにサイト内で使わないような色にしましょう*/
}

/*上付き文字*/
.textSuper {
	vertical-align:super;
	font-size:60%;
}

/*背景色（必要に応じて追加・色変更）
----------------------------------------------------------- */
/*白*/
.bgWhite {
	background-color:#FFF;
}

/*灰色*/
.bgGray01 {
	background-color: #DCDCDC;
}

.bgGray02 {
	background-color: #F3F3F3;
}

.bgGray03 {
	background-color: #E6E6E6;
}

.bgGray04 {
	background-color: #fbfbfb;
}

/*赤*/
.bgRed01 {
}

.bgRed02 {
}

.bgRed03 {
}

/*緑*/
.bgGreen01 {
}

.bgGreen02 {
}

.bgGreen03 {
}

/*青*/
.bgBlue01 {
	background-color:#EDF1F9;
}

.bgBlue02 {
}

.bgBlue03 {
}

/*黄*/
.bgYellow01 {
}

.bgYellow02 {
}

.bgYellow03 {
}

/*線装飾
----------------------------------------------------------- */
/*破線*/
.lineDashBottom {
	padding-bottom: 5px;
	background: url(../img/line_dash_l.gif) bottom repeat-x;
}

.lineDashTop {
	padding-top: 5px;
	background: url(../img/line_dash_l.gif) top repeat-x;
}

.lineDashLeft {
	padding-left: 5px;
	background: url(../img/line_dash_b.gif) left repeat-y;
}

.lineDashRight {
	padding-right: 5px;
	background: url(../img/line_dash_b.gif) right repeat-y;
}

/*点線*/
.lineDotBottom {
	padding-bottom: 5px;
	background: url(../img/line_dot_l.gif) bottom repeat-x;
}

.lineDotTop {
	padding-top: 5px;
	background: url(../img/line_dot_l.gif) top repeat-x;
}

.lineDotLeft {
	padding-left: 5px;
	background: url(../img/line_dot_b.gif) left repeat-y;
}

.lineDotRight {
	padding-right: 5px;
	background: url(../img/line_dot_b.gif) right repeat-y;
}

/* 直線 */
.lineGray {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}

/*
マージン調整（必要に応じて追加）
----------------------------------------------------------- */
.margin05px {
	margin: 5px;
}

.margin10px {
	margin: 10px;
}

.margin15px {
	margin: 15px;
}

.marginTop05px {
	margin-top: 5px;
}

.marginTop10px {
	margin-top: 10px;
}

.marginTop15px {
	margin-top: 15px;
}

.marginTop20px {
	margin-top: 20px;
}

.marginTop25px {
	margin-top: 25px;
}

.marginTop30px {
	margin-top: 30px;
}

.marginTop35px {
	margin-top: 35px;
}

.marginTop40px {
	margin-top: 40px;
}

.marginTop45px {
	margin-top: 45px;
}

.marginTop50px {
	margin-top: 50px;
}

.marginBottom10px {
	margin-bottom: 10px;
}

.marginLeft40px {
	margin-left:40px;
}

/*
パディング調整（必要に応じて追加）
----------------------------------------------------------- */
.padding05px {
	padding: 5px;
}

.padding10px {
	padding: 10px;
}

.padding15px {
	padding: 15px;
}

.paddingTop05px {
	padding-top: 5px;
}

.paddingTop10px {
	padding-top: 10px;
}

.paddingTop15px {
	padding-top: 15px;
}

.paddingTop20px {
	padding-top: 20px;
}

.paddingTop25px {
	padding-top: 25px;
}

.paddingTop30px {
	padding-top: 30px;
}

.paddingTop35px {
	padding-top: 35px;
}

.paddingTop40px {
	padding-top: 40px;
}

.paddingTop45px {
	padding-top: 45px;
}

.paddingTop50px {
	padding-top: 50px;
}

.paddingTop70px {
	padding-top: 70px;
}

/*幅設定（必要に応じて追加）
----------------------------------------------------------- */
.width05per {
	width: 5%;
}

.width10per {
	width: 10%;
}

.width15per {
	width: 15%;
}

.width17per {
	width: 17%;
}

.width20per {
	width: 20%;
}

.width25per {
	width: 25%;
}

.width30per {
	width: 30%;
}

.width35per {
	width: 35%;
}

.width40per {
	width: 40%;
}

.width45per {
	width: 45%;
}

.width50per {
	width: 50%;
}

.width55per {
	width: 55%;
}

.width57per {
	width: 57%;
}

.width322px {
	width:322px;
}

.width59per {
	width: 59%;
}

.width60per {
	width: 60%;
}

.width65per {
	width: 65%;
}

.width70per {
	width: 70%;
}

.width75per {
	width: 75%;
}

.width80per {
	width: 80%;
}

.width85per {
	width: 85%;
}

.width90per {
	width: 90%;
}

.width95per {
	width: 95%;
}

.width100per {
	width: 100%;
}