@charset "UTF-8";
/* CSS Document */
/* main */

*{  
	font-size:100%;
}

body{	
	margin:0 ;
	font-size: 13px; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	line-height:140%;
	text-align: center;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", sans-serif;

}
p,h1,h2,h3,h4,ul,ol,li,img {
	margin:0;
	padding:0;
}
h1{    
	margin:0 0 5px 0;
	padding:20px 10px 20px 20px;
	background:url(../images/h1st.jpg) no-repeat top left;
	font-size:1.3em;
	font-family:  Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka,;
}
h2{
	margin:15px 0 0px 0;
	padding:5px 5px 15px 5px;
	font-size:1.2em;
	background:url(../images/h2st.jpg) no-repeat bottom center;
}
h3{
	margin:10px 0 8px 0;
	border-bottom: 1px solid #CCCCCC;
	font-size:1.1em;
}
h4{
	margin:8px 0;
	margin:10px 0 8px 0;
	border-bottom: 1px solid #CDCDCD;
}
p{
	margin:0;
	padding:5px 0;
}
table{
	font-size:1em;
}
td,
th{
	vertical-align:top;
	*font-size: 100%; /* IE 7 */
	*font: x-small; /* IE 6 */
	line-height:130%;
}
img{
	border:0;
}

hr{
	border-top:2px dotted #CCCCCC;
	color:#FFFFFF;
	height:1px;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
}
ul.list{
	padding:5px 0 5px 0;
}
ul.list li{
	padding:3px 0 3px 0;
}
.displayOn{	
	display: block; 
}

.displayOff{
	display : none;
}

.borderNone{
	border:none !important;
}
.border{
	border:1px solid #CCCCCC;
}

.bgNone{
	background-image:none !important;
}
/*
########################################################
  .link
########################################################
*/

a{
	color:#0066CC;
	text-decoration:none;
}

a:hover{
	color:#0066CC;
	text-decoration:underline;
}

h1 a,
h2 a{
	color:#0066CC;
}

/*
########################################################
  .txt
########################################################
*/

.fontS{
	font-size:85%;
	*font-size: xx-small; /* IE 6 */

}
.fontSS{
	font-size:70%;
	*font-size: xx-small; /* IE 6 */

}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:120%;
}
.fontLL{
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.small{
	font-size:0.8em;
}

.txt_red{
	color:#990000;
}
.txt_blue{
	color:#003399;
}
.txt_gray{
	color:#66666 !important;
}
.red{
	color:#CC0000;
}
.orange{
	color:#FF6600;
}
.link{
	color:#0066CC !important;
}
.black{
	color:#333333 !important;
}
.black a{
	color:#333333 !important;
}
.txt_list{
	padding-left:1em !important;
	text-indent:-1em;
}
/*
########################################################
  margin - padding
########################################################
*/

.pl0 {padding-left:0px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb100 {padding-bottom:100px !important;}
.pb200 {padding-bottom:200px !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;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml180 {margin-left:180px !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;}
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb50 {margin-bottom:50px !important;}
.mb100 {margin-bottom:100px !important;}
.mb200 {margin-bottom:200px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}


/*
########################################################
  .align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

/*
########################################################
  .float
########################################################
*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}

.clearfix:after {   
	content: "";	
	display: block; 
	clear: both;
}

.clearfix{
	zoom: 100%; 
}

/*
########################################################
  .cursor
########################################################
*/

.cursorN{
	cursor:default;
}

.cursorP{
	cursor: pointer;
}




/*
########################################################
  .width
########################################################
*/
.width50{
	width:50px;
}
.width100{
	width:100px;
}
.width200{
	width:200px;
}
.width240{
	width:240px;
}
.width250{
	width:250px;
}
.width500{
	width:500px;
}
.width730{
	width:730px;
}


/*
----------------------------------------------------------
 Custom style
----------------------------------------------------------
*/

/*p*/

.sub_title{
	font-size:1.1em;
	color:#333333;
	padding:0px 0 10px 10px;
	font-weight:bold;
}


/*link*/

div#container #contents_inner a.other_site{
	background:url(../images/other_site.jpg) no-repeat right;
	padding-right:22px;
}
div#container #contents_inner a.other_site:hover{
	background:url(../images/other_site2.jpg) no-repeat right;
}
div#container #contents_inner a.inside{
	background:url(../images/more.jpg) no-repeat left;
	padding-left:18px;
}





/*table*/

.data_table{
	border-collapse:separate;
	border: 1px solid #999999;
	padding:0px;
	margin:0px 0 20px 0;
	border-spacing:0;
	*border-collapse:collapse;
}
.data_table th{
	border-collapse:collapse;
	border: 1px solid #cccccc;
	padding:5px;
	background-color:#E1E1E1;
	color:#333333;
	font-weight:bold;
	text-align:center !important;
	vertical-align:middle;
}
.data_table td{
	border-collapse:collapse;
	border: 1px solid #cccccc;
	padding:5px;
	vertical-align:top;	
}
.data_table th p,
.data_table td p{
	padding:0;
	margin:20px 0;
}

/*side*/
/**/
div#container #side_inner .side_banner{
	margin-bottom:10px;
	clear:both;
}

div.side_blue{
    width:300px;
	background:url(../images/side_blue_b.jpg) bottom no-repeat;
	padding-bottom:7px;
	margin:10px 0;
}
div.side_blue_inner{
	background:url(../images/side_blue_t.jpg) top no-repeat;
	padding:9px 0 0 0;
	line-height:100%;
}
div.side_blue_content{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:10px 20px 15px 20px;
	line-height:130%;
}
div.side_blue_content form#search{
	float:left !important;
	width:180px;
}
#beta-inner div.side_blue_inner h3.search{
	padding:7px 0 10px 35px;
	background:url(../images/search.gif) left top no-repeat;
	border:none;
	margin: 0;
}
div.side_gry{
    width:300px;
	background:url(../images/side_gry_b.jpg) bottom no-repeat;
	padding-bottom:10px;
	margin:0 0 10px 0;
}
div.side_gry_inner{
	background:url(../images/side_gry_t.jpg) top no-repeat;
	padding:10px 0 0 0;
	margin:0;
	line-height:100%;
}
div.side_gry_content{
	background:url(../images/side_gry_c.jpg) repeat-x;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:0px 20px 5px 20px;
	line-height:130%;

}
div.side_gry_inner h3.mobile{
	padding:7px 0 10px 35px ;
	background:url(../images/icon_mobile.gif) left top no-repeat;
	border:none;
	margin:0;
}

div.side_bar_gry{
    width:300px;
	background:url(../images/side_bar_gry_b.jpg) bottom no-repeat;
	padding-bottom:7px;
	margin:0 0 10px 0;
}
div.side_bar_gry_title{
	background:url(../images/side_bar_gry_t.jpg) top no-repeat;
	padding:2px 0 0 30px;
	margin:0;
	height:33px;
}
div.side_bar_gry h3 a{
	padding:0px 0 0px 15px ;
	background:url(../images/link_point.gif) left top no-repeat;
	border:none;
	margin:0;
}
div.side_bar_gry_content{
	background:url(../images/side_bar_gry_c.jpg) repeat-x;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:10px 20px 0 20px;
	margin:0;
}
ul.side_textlist{
	margin:0;
	padding:0 0 0 18px;
}
ul.side_textlist li{
	list-style-image:url(../images/more.jpg) !important;
	list-style-position:outside;
	margin:0;
	padding:0 0 5px 0px;
}
.gray_box{
	border:1px solid #CCCCCC;
	padding:10px;
}
.gray_back{
	background:#EFEFEF;
	padding:10px;
}
.gray_back:after {   
	content: "";	
	display: block; 
	clear: both;
}

.gray_back{
	zoom: 100%; 
}