@charset "shift_jis";

/*----------------------------------------
	default
----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size:100%;
}

fieldset,img,abbr {
	border:0;
}

caption,th {
	text-align:left;
}

a {
	outline: none;
/*\*/
	overflow: hidden;
/**/
}

/*html*******************/
html {
	height: 100%;
}

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

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment

	77% = 10px	| 	122% = 16px	|	167% = 22px
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

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

body{
	height: 100%;
	color: #333333;
	font-size: 16px; /* �E��E�{�E�t�E�H�E��E��E�g�E�T�E�C�E�Y */
	*font-size: small; /* IE7�E��E��E��E��E�IE6�E�W�E��E��E��E��E��E��E��E��E�[�E�h�E�p */
	*font: x-small; /* IE6�E��E��E�݊��E��E��E�[�E�h�E�p */
	font-family: "�E��E��E�C�E��E��E�I","Meiryo","verdana","�E�q�E��E��E�M�E�m�E�p�E�S Pro W3","Hiragino Kaku Gothic Pro","Osaka","�E�l�E�r �E�o�E�S�E�V�E�b�E�N","MS PGothic",Sans-Serif;
	line-height:1.5;
}
/* for IE6 */
* html body {
	font-family: "�E�l�E�r �E�o�E�S�E�V�E�b�E�N","MS PGothic",Sans-Serif;
}

textarea,
input,
select{
	font:99% arial,helvetica,clean,sans-serif;
}

table{
	font-size:inherit;
	font:100%;
}

/** {*/
/*font-size: 100%;*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*}*/

* html div#container {
	height: 100%;
}

/*heading*******************/
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

/*images*******************/
img {
	vertical-align: bottom;
	margin:0;
	padding:0;
	border: 0;
}

/*list*******************/
li {
	list-style:none;
}

/*horizontal*******************/
hr {
	display:none;
}

/*em*******************/
em {
	font-style:normal;
	font-weight:bold;
}

/*link*******************/
div#container a:link, a:active, a:visited {
	text-decoration: underline;
	color: #5378c6;
}

div#container a:hover {
	text-decoration: none;
	color: #AB7500;
}

div #container a:focus {
	-moz-outline-style: none;
}

/*�E��E�荞�݃N�E��E��E�A*******************/
.clear {
	clear: both;
}

/*clearfix*******************/
.clear:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;
}
/* WinIE7 MacIE5 */
.clear{
    display:inline-table;
    zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac �E�_*/
* html html .clear{
    height:1px;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac ?*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*html {
	overflow-x: hidden;
}
*/
/*img  {
	vertical-align: top;
}*/
/*top page*/


/*==============   �E�L�E��E��E��E��E��E�   ==============*/
/* float�E��E��E��E��E��E��E�{�E�b�E�N�E�X�E��E��E�e�E�{�E�b�E�N�E�X�E�̊O�E�ɂ͂ݏo�E��E��E��E��E�ۂ��E��E��E��E�i�E��E��E��E��E��E��E��E�j */
#container:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#container { display:inline-table; }

/* Mac IE �E�ɂ͓K�E�p�E��E��E��E��E�Ȃ� \*/
* html #container { height:1px; }
#container { display:block; }
/* */
/* float�E��E��E��E��E��E��E�{�E�b�E�N�E�X�E��E��E�e�E�{�E�b�E�N�E�X�E�̊O�E�ɂ͂ݏo�E��E��E��E��E�ۂ��E��E��E��E�i�E��E��E��E��E�܂Łj */




#container{
	width:770px;
	margin:0px auto;
	font-size:88%;
}

#pagetop{
	text-align:right;
	margin-top:10px;
}

/*++++++++++++++++++++++++++++++++++++++++
clearfix
++++++++++++++++++++++++++++++++++++++++*/

.clearfix{
    zoom:1;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.clear {
	clear:both;
}


/*++++++++++++++++++++++++++++++++++++++++
font
++++++++++++++++++++++++++++++++++++++++*/

.textRed{
	color:#e50011;
}

.textBlue{
	color:#0091db;
}

.textPink{
	color:#e35f6b;
}

.textGreen{
	color:#00a29d;
}

.textS{
	font-size:85%;
}

.textM{
	font-size:115%;
}

.textL{
	font-size:130%;
}

.textLL{
	font-size:160%;
}

.textXL{
	font-size:200%;
}

.textBold{
	font-weight:bold;
}

/*++++++++++++++++++++++++++++++++++++++++
other
++++++++++++++++++++++++++++++++++++++++*/

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.note{
	text-indent:-1.4em;
	padding-left:1.4em;
}

.alignR{
	text-align:right;
}

.alignC{
	text-align:center;
}

.alignL{
	text-align:left;
}

.indentS{
	padding:0 0.5em;
}

/*--------------------------------------------- */
/* floatBox(Re) / floatBoxAfter size SS~XL
/*--------------------------------------------- */

.spFloat, .floatBoxAfter .spFollow, img.floatL, .floatBox .spFloat {
  float: left;
}

.unFloat .spFollow {
  display: inline;
}

.floatBoxRe .spFloat,
.floatBoxAfter .spFloat,
img.floatR,
.floatBoxRe .spFloat,
.floatBoxAfter .spFloat {
  margin-right: 0;
  float: right;
}

.floatBox .spFollow,
.floatBoxRe .spFollow {
  overflow: hidden;
}

.floatBoxAfter .spFollow {
  width: 100%;
}

.caption {
  padding-top: 5px;
  display: block;
}


/*++++++++++++++++++++++++++++++++++++++++
topArea
++++++++++++++++++++++++++++++++++++++++*/

.header_btn{
	text-align: right;
}


#topArea{
	width:770px;
}

/*++++++++++++++++++++++++++++++++++++++++
contents
++++++++++++++++++++++++++++++++++++++++*/

#contents{
	background:#f9f3e3;
	padding-bottom:40px;
}

#contents .contentsInner{
	width:694px;
	margin:0 auto;
}

#contents .contentsInner h3{
	margin-top:35px;
	margin-bottom:15px;
}

#contents .contentsInner h3.first{
	margin-top:15px;
}


/*++++++++++++++++++++++++++++++++++++++++
index
++++++++++++++++++++++++++++++++++++++++*/

#topArea .mainBtn01{
	position:absolute;
	margin-top:-257px;
	margin-left:28px;
}

#topArea .mainBtn02{
	position:absolute;
	margin-top:-257px;
	margin-left:262px;
}

#topArea .mainBtn03{
	position:absolute;
	margin-top:-257px;
	margin-left:520px;
}

#contents .contentsInner .about_frame{
	margin-top:15px;
	background:url(../img/index/bg_frame_top.png) no-repeat top left;
}

#contents .contentsInner .about_frame .about_frameArea{
	padding:0 30px;
	background:url(../img/index/bg_frame.png) repeat-y top left;
}

#contents .contentsInner .about_frameBtm{
	padding:58px 0 16px;
	background:url(../img/index/bg_frame_btm.png) no-repeat bottom left;
}

#contents .contentsInner .taikanBnner{
	margin-top:40px;
}


/*++++++++++++++++++++++++++++++++++++++++
01-jitan
++++++++++++++++++++++++++++++++++++++++*/

#jitan-01 #topArea .mainBtn01{
	position:absolute;
	margin-left:570px;
	margin-top:-240px;
}

#jitan-01 #topArea .mainBtn02{
	position:absolute;
	margin-left:545px;
	margin-top:-169px;
}

#jitan-01 #topArea .mainBtn03{
	position:absolute;
	margin-left:570px;
	margin-top:-97px;
}

#jitan-01 #contents .linkArea{
	margin-top:20px;
	background:#fff;
	padding:15px;
}

#jitan-01 #contents .linkArea img{
	float:left;
}

#jitan-01 #contents .linkArea .text{
	margin-left:93px;
	font-size:85%;
}

#jitan-01 #contents .linkArea div{
	width:322px;
}

#jitan-01 #contents .frameBlue{
	margin-top:30px;
	padding-bottom:9px;
	background:url(../img/01/bg_frameBlue_btm.png) no-repeat bottom left;
}

#jitan-01 #contents .frameBlue .frameBlueArea{
	padding:10px 30px 20px;
	background:url(../img/01/bg_frameBlue.png) repeat-y top left;
}

#jitan-01 #contents .frameBlue .floatBox{
	margin:10px 0 15px;
}

#jitan-01 #contents .frameBlue .floatBox p{
	width:307px;
	height:70px;
	background:#d3ecfb;
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px 0;
	text-align:center;
	display:table;
}

#jitan-01 #contents .frameBlue .floatBox p .verticalM{
	display:table-cell;
	vertical-align:middle;
}
	
#jitan-01 #contents .framePink{
	margin-top:30px;
	padding-bottom:9px;
	background:url(../img/01/bg_framePink_btm.png) no-repeat bottom left;
}

#jitan-01 #contents .framePink .framePinkArea{
	padding:10px 30px 0;
	background:url(../img/01/bg_framePink.png) repeat-y top left;
}

#jitan-01 #contents .framePink .floatBox{
	margin-top:10px;
}

#jitan-01 #contents .framePink .floatBox .framePinkInnBox{
	width:302px;
	text-align:center;
}

#jitan-01 #contents .framePink .floatBox .framePinkInnBox .sttl{
	border:#e35f6b 1px solid;
	/* border-radius */
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	padding:2px 0;
	color:#e35f6b;
	font-weight:bold;
	font-size:115%;
}

#jitan-01 #contents .frameGreen01{
	width:375px;
	margin-top:30px;
	margin-right:20px;
	margin-bottom:10px;
	padding-bottom:8px;
	background:url(../img/01/bg_frameGreen01_btm.png) no-repeat bottom left;
}

#jitan-01 #contents .frameGreen01 .frameGreen01Area{
	min-height:270px;
	padding:10px 30px;
	background:url(../img/01/bg_frameGreen01.png) repeat-y top left;
}

#jitan-01 #contents .frameGreen02{
	width:298px;
	margin-top:30px;
	padding-bottom:8px;
	background:url(../img/01/bg_frameGreen02_btm.png) no-repeat bottom left;
}

#jitan-01 #contents .frameGreen02 .frameGreen02Area{
	min-height:270px;
	padding:10px 30px;
	background:url(../img/01/bg_frameGreen02.png) repeat-y top left;
}


/*++++++++++++++++++++++++++++++++++++++++
antenna-02
++++++++++++++++++++++++++++++++++++++++*/

#antenna-02 #topArea .mainBtn01{
	position:absolute;
	margin-left:570px;
	margin-top:-240px;
}

#antenna-02 #topArea .mainBtn02{
	position:absolute;
	margin-left:545px;
	margin-top:-169px;
}

#antenna-02 #topArea .mainBtn03{
	position:absolute;
	margin-left:570px;
	margin-top:-97px;
}

#antenna-02 h2{
	margin-top:-11px;
	margin-bottom:0;
	z-index:2;
}

#antenna-02 #contents{
	margin-top:-9px;
	padding-top:15px;
}

#antenna-02 #contents h3{
	margin-bottom:8px;
}

#antenna-02 table{
	width:520px;
}

#antenna-02 table tr,
#antenna-02 table th,
#antenna-02 table td{
	border:#666666 1px solid;
}

#antenna-02 table th{
	background:#f0f0ff;
	padding:5px;
}

#antenna-02 table td{
	background:#ffffff;
	padding:5px;
}
	
	
/*++++++++++++++++++++++++++++++++++++++++
etc2_0-03
++++++++++++++++++++++++++++++++++++++++*/

#etc2_0-03 #topArea .mainBtn01{
	position:absolute;
	margin-left:570px;
	margin-top:-240px;
}

#etc2_0-03 #topArea .mainBtn02{
	position:absolute;
	margin-left:545px;
	margin-top:-169px;
}

#etc2_0-03 #topArea .mainBtn03{
	position:absolute;
	margin-left:570px;
	margin-top:-97px;
}