/* CSS Document */

/****************** 共通 ******************/
/***** リセット *****/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,fieldset,textarea,p,blockquote {margin:0;padding:0;}fieldset,img {border:0; margin:0px; padding:0px;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6,small {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;}

/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,fieldset,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,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6,small {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;}
*/
/***** ハック *****/
.clearFix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearFix {display:inline-table;min-height:1%;zoom:1;}
/* Hides from IE-mac \*/
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* End hide from IE-mac */
/***** タグ指定 *****/
body {color:#2e2e2e;}
i {display:none;}

/****************** /共通 ******************/



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

	Font-size Adjustment
	
	70% = 10px	| 100% = 16px	|
	72% = 11px	|	112% = 17px	|
	76% = 12px	|	118% = 18px	|
	82% = 13px	|	124% = 19px	|
	86% = 14px	|	138% = 20px	|
	92% = 15px	|	159% = 21px	|

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

.std1 { font-size: 70%; }
.std2 { font-size: 72%; }
.std3 { font-size: 76%; }
.std4 { font-size: 82%; }
.std5 { font-size: 86%; }
.std6 { font-size: 92%; }
.std7 { font-size: 100%; }
.std8 { font-size: 112%; }
.std9 { font-size: 118%; }
.std10 { font-size: 124%; }
.std11 { font-size: 138%; }
.std12 { font-size: 159%; }

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

	1-3.Color Module

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

/* Text Color */
.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #666666; }
.lgray { color: #999999; }
.red { color: #FF0000; }
.pink { color: #FF3366; }
.green { color: #009900; }
.orange { color: #FF6600; }
.blue { color: #0066CC; }
.lblue { color: #0099FF; }
.yellow { color: #FFFF00; }
.gold { color: #FFD700; }
.brown { color: #994C00; }

.bg_white { background-color:#FFFFFF;}

.bold{ font-weight:bold;}

.float-left{ float:left; margin:0px; padding:0px;}
.float-right{ float:right; margin:0px; padding:0px;}
.clear {clear:both; margin:0px; padding:0px;}

.align-t {
	vertical-align:top;
	margin:0px;
	padding:0px;
}
.align-b {
	vertical-align:bottom;
	margin:0px;
	padding:0px;
}

/* 　全エリア　 ////////////////////////////*/

*{
	margin:0px;
	padding:0px;
}

.clear{
	clear:both;
}

body{
	margin:0px;
	padding:0px;
	background-color:#7DD4FD;
}

#frame_01{
	width:700px;
	background-color:#ffffff;
	border-left:solid 1px #1073A1;
	border-right:solid 1px #1073A1;
	margin:0px auto;
}

/* 　ヘッダー　 ////////////////////////////*/

#header_01{
	width:700px;
	height:30px;
	background-color:#1073A1;
}

#header_01 h1{
	font-size:80%;
	text-align:right;
	padding:5px;
}

/* 　メイン　 ////////////////////////////*/

.main_01{
	padding:60px 20px;
}

.txt_01{
	font-size:100%;
	line-height:120%;
	margin:10px;
}


/* 　フッター　 ////////////////////////////*/

#footer_01{
	width:700px;
	height:40px;
	background-color:#1073A1;
	text-align:center;
	padding-top:20px;
}

#footer_01 p{
	font-size:70%;
	padding:5px;
}

/* 　文字の色　 ////////////////////////////*/
.red_01{ color:#ff0000;}
.white_01{ color:#ffffff;}
.blawn_01{ color:#955B26;}
.blawn_02{ color:#C87B35;}
.blue_01{ color:#003399;}


/* 　文字の大きさ　 ////////////////////////////*/
.p_70{ font-size:70%;}
.p_80{ font-size:80%;}
.p_90{ font-size:90%;}
.p_100{ font-size:100%;}
.p_110{ font-size:110%;}
.p_120{ font-size:120%;}
.p_130{ font-size:130%;}
.p_140{ font-size:140%;}
.p_150{ font-size:150%;}

/* 　行間の大きさ　 ////////////////////////////*/
.l_100{ line-height:100%;}
.l_110{ line-height:110%;}
.l_120{ line-height:120%;}
.l_130{ line-height:130%;}
.l_140{ line-height:140%;}
.l_150{ line-height:150%;}
.l_160{ line-height:160%;}

/* 　テキスト位置　 ////////////////////////////*/
.t_left{ text-align:left;}
.t_right{ text-align:right;}
.t_center{ text-align:center;}

/* 　余白　 /////////////////////////////////*/

.m_5{ margin:5px;}
.m_10{ margin:10px;}
.m_15{ margin:15px;}
.m_20{ margin:20px;}
.m_30{ margin:30px;}

/* 　リンク　 /////////////////////////////////*/

.sp_a a:link{ color:#FF0000;}
.sp_a a:hover{ color:#FF6600;}

/* 　テーブル　 /////////////////////////////////*/

.table_01{
	font-size:0.75em;
	border:none;
	padding:8px 0px;
}

.table_01 tr td{
	padding:5px;
	background-color:#FFE073;
	border-right: solid 1px #FFFFFF;
}


.h3p{
	width:600px;
	border-bottom: solid 1px #FF9933;
	border-left: solid 10px #FF3300;
	padding-left:10px;
}

.pp{
	width:600px;
	margin:0px auto;
}

/**▼文字装飾*****/

/*赤文字*/
.rb{ color:#f00;}

/*下線*/
.uline{ text-decoration:underline;}

/*文字色背景を黄色*/
.yb{ background:#ff0;}

/*文字列を左寄せにする*/
.tl{ text-align:left;}

/*文字列を中央に配置*/
.tc{ text-align:center;}

/*文字列を右寄せにする*/
.tr{ text-align:right;}

/*画像を左に配置し、後に続く文字を右に回り込ませる*/
.left{
 float:left;
 margin:0 20px 0 0;
}

/*画像を右に配置し、後に続く文字を左に回り込ませる*/
.right{
 float:right;
 margin:0 0 0 20px;
}


/*回り込み解除*/
.clear{ clear:both;}