@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;}



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: url() !important;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;

}



.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;

	white-space: normal;

}



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

	E  * header

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

.my_content { background:#;}	



.my_header_area{ background:; border-bottom: 1px solid #aaa!important;}

.my_header {

	}

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

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





.h_t {

	font-size:12px;

}



.h_t1 {

	color:#111;

}





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

	F  * footer

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



.my_footer {

	text-align:center;

	font-size:11px;

	padding:5px 0;

	letter-spacing:1px;

	text-shadow:none!important;

	color: #fff!important;

	background: #555555!important;

}



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

	G  * title

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



.style{

	background: #ffffff;

	padding: 10px 7px 10px 7px;

	-webkit-border-radius: 5px;

	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);

	margin: 10px 8px 10px 8px;

	border: 1px solid #CCC;

}



.t_1{

	font-size: 14px;

	color: #666;

}







/* G  * border

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



.border_glay {

	margin-top:8px; 

	border-bottom: 2px dotted #666666;

}









/* G  * btn

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



.my_btn_area {

	margin:15px 10px;

background: eff7ff!important;

}



a.my_btn_style {

	background: #0F3F8C !important;

	}

a.my_btn_style:hover{

	background: #D7E4F3 !important;

	}

	

a.my_btn_style2 {

	background: #008b8b !important;

	color:#fff !important;

	text-shadow: none !important;

	border: 1px solid #008b8b !important;

	}

a.my_btn_style2:hover{

	background: #1ba1a1 !important;

	text-shadow: none !important;

	color:#fff !important;

	border: 1px solid #008b8b !important;

	}	

	

	

	

	

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

	H  * ajax page

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



.my_content_inner {

	margin:20px 15px;

	background:#FFF;

	padding:10px 15px 15px;

	border-radius: 8px; /* CSS3草案 */  

	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */  

	-moz-border-radius: 8px; /* Firefox用 */

	border: 1px solid #164694;

	}



.my_content_title {

	padding:5px;

	margin:0 0 10px 0;

	text-align:center;

	font-size:14px;

	font-weight:bold;

	color:#FFFFFF;

	background: #164694;

	letter-spacing:3px !important;

	text-shadow:none !important;

	

	border-radius: 15px; /* CSS3草案 */  

	-webkit-border-radius: 15px; /* Safari,Google Chrome用 */  

	-moz-border-radius: 15px; /* Firefox用 */

	}



.my_content_title02 {

	padding:3px 3px 3px 5px;

	margin:0 3px 3px 3px;

	text-align:left;

	font-size:14px;

	border-bottom:1px solid #282522;

	color:#282522;

	font-weight:bold;

	}

	

.my_content_inn {

	text-align:left;

	margin:0 5px;

	padding:10px 0;

	font-size:14px;

	color:#333333;

	letter-spacing:1px;

	}





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

	Z  * font

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





.t_red{ font-weight:bold !important; color:#D54844 !important;}

.t_blu{ font-weight:bold !important; color:#5CB8DF !important;}





.table_01{

border-collapse: separate;

border-spacing: 0px;

border-top: 1px solid #ccc;

border-left: 1px solid #ccc;

}

.table_01 th{

padding:4px 10px 4px  20px;

text-align: right;

vertical-align: top;

color: #444;

background-color: #eee;/*eff7ff/**//*fafafa*/

border-top: 1px solid #fff;

border-right: 1px solid #ccc;

border-bottom: 1px solid #ccc;

font-weight:bold;

}

.table_01 td{

padding:4px 10px 4px  20px;

text-align: right;

background-color: #fff;

border-right: 1px solid #ccc;

border-bottom: 1px solid #ccc;

font-weight:bold;

}