@charset "utf-8";

body {
	margin:0;
	padding:0;
	width:100%;
	background-color:#FFFFFF;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	position:relative;
}
h1,h2,h3 {
/*	font-weight:normal;*/
}
img {
	border:none;
}
p,address {
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding:0;
	line-height:1.75em;
	font-size:10pt;
	font-style:normal;
}
a {
	text-decoration:none;
	color:#006699;
}
a:hover {
	text-decoration:underline;
	color:#006699;
}
input,textarea,pre {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
}
hr {
	clear:both;
	border:none;
	border-top:dotted 1px #000000;
	height:1px;
	color:#FFFFFF;
}


/*==================================================*/
/* header                                           */
/*==================================================*/
#header {
	margin:0;
	padding:0;
	width:100%;
	height:700px;

	background-image:url(/images/bg_header.jpg);
	background-repeat:no-repeat;
	background-position:center top;

}
#header_content {
	margin:0 auto;
	padding:0;
	width:1025px;
	height:700px;
	position:relative;
}
#header_content #title {
	display:none;
}
#header_content #description {
	margin:0;
	padding:0;
	width:590px;
	height:113px;
	font-size:20px;

	position:absolute;
	top:350px;
	left:70px;
}
#header_content #use_btn {
	margin:0;
	padding:0;
	/*width:590px;*/
	width:88%;
	height:60px;
	position:absolute;
	top:500px;
	left:70px;
}
#header_content #twitter_timeline {
	margin:0;
	padding:0;
	width:277px;
	height:450px;

	position:absolute;
	top:241px;
	right:70px;
}
.twtr-tweet-text {
	font-size:10pt;
}

/*==================================================*/
/* global menu                                      */
/*==================================================*/
#gmenu {
	margin:0;
	padding:0;
	width:279px;
	height:33px;
	position:absolute;
	top:193px;
	left:677px;
	list-style-type:none;
}
#gmenu li {
	margin:0 1px 0 0;
	padding:0;
	width:92px;
	height:33px;
	float:left;
}
#gmenu li a {
	display:block;
	margin:0;
	padding:0;
	width:92px;
	height:33px;
}
#gmenu li a:hover {
	display:block;
	margin:0;
	padding:0;
	width:92px;
	height:33px;

	background-image:url(/images/bg_gmenu_btn.png);
	background-repeat:no-repeat;
	background-position:left bottom;

}
#gmenu li a span {
	display:none;
}
/*==================================================*/
/* news                                             */
/*==================================================*/
#news {
	margin:0;
	padding:0;
	width:590px;
	height:130px;
	font-size:10pt;
	position:absolute;
	bottom:10px;
	left:70px;
	list-style-type:none;
	overflow:auto;
}
#news li {
	border-bottom:dotted 1px #6F6F6F;
}


/*==================================================*/
/* select                                             */
/*==================================================*/
#select {
	margin:0;
	padding:0;
	width:620px;
	height:220px;
	font-size:10pt;
	position:absolute;
	bottom:10px;
	left:70px;
	list-style-type:none;
	overflow:auto;
}



/*==================================================*/
/* container                                        */
/*==================================================*/
#container {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
#content {
	margin:0 auto;
	padding:0 0px;
	width:885px;
	overflow:hidden;
}
#content .panel {
	clear:both;
	width:100%;
	overflow:hidden;
}
#content .panel_l {
	float:left;
	margin:0 5px 10px 0;
	padding:5px;
	width:274px;
	height:256px;

	border:2px #006600 solid;
	border-radius:5px;				/* CSS3 */
	-moz-border-radius:5px;			/* Firefox */
	-webkit-border-radius:5px;		/* Safari,Chrome */
}
#content .panel_c {
	float:left;
	margin:0 5px 10px 5px;
	padding:5px;
	width:274px;
	height:256px;

	border:2px #006600 solid;
	border-radius:5px;				/* CSS3 */
	-moz-border-radius:5px;			/* Firefox */
	-webkit-border-radius:5px;		/* Safari,Chrome */
}
#content .panel_r {
	float:left;
	margin:0 0 10px 5px;
	padding:5px;
	width:274px;
	height:256px;

	border:2px #006600 solid;
	border-radius:5px;				/* CSS3 */
	-moz-border-radius:5px;			/* Firefox */
	-webkit-border-radius:5px;		/* Safari,Chrome */
}



#content .panel_w {
	float:left;
	margin:0 5px 10px 5px;
	padding:5px;
	width:800px;
	height:300px;

	border:2px #006600 solid;
	border-radius:5px;				/* CSS3 */
	-moz-border-radius:5px;			/* Firefox */
	-webkit-border-radius:5px;		/* Safari,Chrome */
}




#content h2 {
	margin-top:0;
	padding-top:5px;
	font-size:17pt;
	text-align:center;
	color:#003300;
	height:60px;

	background-color:#E3F0C8;

	border-radius-topleft:5px;			/* CSS3 */
	-moz-border-radius-topleft:5px;		/* Firefox */
	-webkit-border-top-left-radius:5px;	/* Safari,Chrome */

	border-radius-topright:5px;			/* CSS3 */
	-moz-border-radius-topright:5px;		/* Firefox */
	-webkit-border-top-right-radius:5px;	/* Safari,Chrome */

	background-image:url(/images/bg_h2.png);
	background-repeat:no-repeat;
	background-position:right top;

}
#content h2 span {
	display:block;
	font-size:10pt;
}

#content .panel p {
	margin:0 0 5px 0;
	padding:0 5px;
}


/*==================================================*/
/* usage.html                                       */
/*==================================================*/
#content .panel_usage {
	margin:0 5px 10px 5px;
	padding:0;
	float:left;
	width:276px;
	overflow:hidden;

	border:2px #006600 solid;
	border-radius:5px;				/* CSS3 */
	-moz-border-radius:5px;			/* Firefox */
	-webkit-border-radius:5px;		/* Safari,Chrome */

	background-color:#FFFFFF;

}
#content .panel_usage h2 {
	padding-top:5px;
	padding-left:5px;
	font-size:12pt;
	text-align:left;
}
#content .panel_usage p {
	padding:0 5px;
}

/*==================================================*/
/* footer                                           */
/*==================================================*/
#footer {
	margin:0;
	padding:0;
	width:100%;
	height:514px;

	background-image:url(/images/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position:center top;

}
#footer_content {
	margin:0 auto;
	padding:0;
	width:1025px;
	height:514px;

	background-image:url(/images/bg_footer2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;

}

/*==================================================*/
/* footer menu                                      */
/*==================================================*/
#fmenu {
	margin:0;
	padding:0;
	/*width:294px;*/
	height:20px;
	position:absolute;
	bottom:50px;
	left:30px;

	list-style-type:none;
	font-size:14px;

}
#fmenu li {
	margin:0 1px 0 0;
	padding:0;
	/*width:97px;*/
	height:20px;
	float:left;
}
#fmenu li a {
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	/*width:77px;*/
	height:20px;
	color:#F0F0F0;

	background-image:url(/images/bg_fmenu_btn.png);
	background-repeat:no-repeat;
	background-position:left center;

}
#fmenu li a:hover {
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	/*width:77px;*/
	height:20px;
	color:#FFFFFF;

	background-image:url(/images/bg_fmenu_btn_o.png);
	background-repeat:no-repeat;
	background-position:left center;

}
#fmenu li a span {
}

/*==================================================*/
/* footer menu to_top                               */
/*==================================================*/
#to_top {
	margin:0;
	padding:0;
	width:193px;
	height:20px;
	position:absolute;
	bottom:50px;
	right:30px;

	list-style-type:none;
	font-size:14px;

}
#to_top li {
	margin:0 1px 0 0;
	padding:0;
	width:193px;
	height:20px;
	float:left;
}
#to_top li a {
	display:block;
	margin:0;
	padding:0 0 0 20px;
	width:173px;
	height:20px;
	color:#F0F0F0;

	background-image:url(/images/bg_fmenu_btn.png);
	background-repeat:no-repeat;
	background-position:left center;

}
#to_top li a:hover {
	display:block;
	margin:0;
	padding:0 0 0 20px;
	width:173px;
	height:20px;
	color:#FFFFFF;

	background-image:url(/images/bg_fmenu_btn_o.png);
	background-repeat:no-repeat;
	background-position:left center;

}
#to_top li a span {
}

/*==================================================*/
/* footer copyright                                 */
/*==================================================*/
#copyright {
	margin:0;
	padding:0;
	width:1025px;
	height:25px;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	position:absolute;
	bottom:0;
	left:0;
}