@charset "utf-8";

/* CSS Document */





/* ------------------------------



    INDEX

	

	A　* reset

	B　* the whole

	C  * link

	D  * jQuery Mobile's default clear

	E  * header

	F  * footer

	G  * wiki



	

------------------------------ */





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

	A　* reset

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



h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;}



p, hr, blockquote, address, noscript {

	margin: 0px;

	padding: 0px;

	font-style: normal;

	font-weight: normal;

	border: none;

}



ul, li , ol, dl, dt, dd , pre, table, form {

	margin: 0px;

	padding: 0px;

}



li  {list-style-type: none !important;}



table , img {border: none;}



em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {

	margin: 0px;

	padding: 0px;

	font-style: normal;

	font-weight: normal;

}



hr {display: none;clear: both;}



img {border: none;}



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

	B　* the whole

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



html {overflow-y:scroll;}



body{

	margin: 0;

	padding: 0;

	background:#FFF;

}



.cl {clear:both;}



.clearfix {zoom:1;}

.clearfix:after {

	content: ""; 

	display: block; 

	clear: both;

	}



li img,dt img,dd img{vertical-align:bottom;}





/* -------------------------------------------

    B  * media  LAYOUT

------------------------------------------- */



/* LAYOUT 320

----------------------------------------------- */



@media (min-width: 320px) {

.ui-content {

	width: 100%;

	overflow:hidden;

	padding:0 !important;

}

.ui-body-a .ui-body-z .ui-header{

	width:90%;

}

.my_header_01 {

	margin:0 !important;

}

.ui-page {width:100% !important;}



}



/* LAYOUT BIG

----------------------------------------------- */



@media screen and (min-width: 640px) {

.ui-page {width:640px !important; margin:0 auto !important;box-shadow: 2px 0 5px #999 !important; position:absolute; left:50% !important; margin-left:-320px!important;}

.ui-content,.ui-header,.ui-footer{box-shadow: 2px 0 5px #999 !important;}.ui-content{ padding:0 !important;}

.my_content { width:640px !important;}

}



/* -------------------------------------

    B　* min-width

------------------------------------- */



.my_content {min-width: 320px;}

.my_inn { padding:0 10px;}

/* -------------------------------------

    B　* radius

------------------------------------- */



.radius1{

	border-radius: 4px;

	-webkit-border-radius: 4px;  

	-moz-border-radius: 4px;

	}



.radius2{

	border-radius: 6px;

	-webkit-border-radius: 6px;  

	-moz-border-radius: 6px;

	}



.radius3{

	border-radius: 6px;

	-webkit-border-radius: 6px;  

	-moz-border-radius: 6px;

	}

	

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

	C  * link

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



a:link,

a:visited,

a:active {text-decoration: none;}

	

a:hover {text-decoration: none;}



img {border: none;}





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

	D  * jQuery Mobile's default clear

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



.ui-header .ui-title,

.ui-footer .ui-title,

.ui-btn-inner,

.ui-li-heading,

.ui-li .ui-btn-text a.ui-link-inherit,

.ui-li-desc {

	overflow: visible !important;

	white-space: normal !important;

}



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

	E  * header

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



/* -------------------------------------------

    E  * h1

------------------------------------------- */



.header {height: 65px;}



h1{font-size:12px !important;}

.my_h1 { font-size:10px!important; color:#c0dcf7; margin-bottom:2px;}



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

	G  * my css

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





/* -------------------------------------------

    G  * inner

------------------------------------------- */





.my_tit {

	font-size:12px !important;

	color:#0645ad !important;

	margin:5px 0 10px 3px;

	font-weight:bold !important;

}



.my_inner {

	width:84%;

	margin:5px 0 5px 0;

	padding:10px 0px 10px 10px;

	border: 1px solid #a7d8f9;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	font-size:13px;

	line-height:1.8;

}



.my_inner02 {

	width:98%;

	margin:10px auto 25px auto;

	padding:1%;

}



.my_inner a,.my_inner02 a{color:#0645ad !important; text-decoration:underline !important;}

.my_inner a:hover,.my_inner02 a:hover{color:#7ba5e9 !important; text-decoration:underline !important;}



.my_list {

	width:100%;	

}



.t_01 {

	color:#0a5499;

	font-size:16px;

	font-weight:bold;

	letter-spacing:0.1em;

	text-align:center;

	padding:15px 0;

}

.t_02 {

	text-align:left;

	color:#333;

	font-size:14px;

	padding:0 5px;

	line-height:1.7;

}

.t_03 {

	text-align:left;

	color:#FF0000;

	font-size:14px;

	padding:10px 5px 15px 5px;

	line-height:1.7;

}



#sub_tit {

	color:#FFF;

	background-color:#2b7cc8;

	font-size:13px;

	text-align:left;

	padding:12px 5px 12px 10px;

	letter-spacing:0.1em;

	text-shadow: none !important;

}



.stt_border { width:100%; height:1px; border-bottom: 1px solid #2b7cc8; margin:5px 0 1px 0;}



.btn_box {

	margin:5px 0 18px 0;

}





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

	F  * footer

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



.my_footer {

	text-align:center;

	font-size:10px;

	padding:7px 0 8px 0;

	

}



.my_inner02 li a,.my_inner02 li a:hover {

	text-decoration: none !important;

}



.info_tt {

	font-size:14px !important;

	color:#003399;

}



.info_txt {

	color:#4a4a4a;

}



a .info_tt,a .info_txt {text-decoration: none !important;}

a:hover .info_tt,a:hover .info_txt {text-decoration: none !important;}