@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

	H  * btn



	

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





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

	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:#89aac4;

}



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

	line-height: 1.8;

	letter-spacing: 2px;

}

.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

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



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

    E  * h1

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



.header {height: 65px;}



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

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



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

	G  * wiki

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



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

    G  * icon

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



.ui-icon-wiki:after {

  background-image: url("../img/logo.png");

  background-color: transparent;

  background-size: contain;

}



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

    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;

	background: #FFFFFF url(../img/page02.png) no-repeat left top;

	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:96%;

	margin:1% auto;

	padding:1%;

	background: #FFFFFF url(../img/g_120.png) no-repeat left top;

	border: 1px solid #EBEBEB;

}



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

}







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

	F  * footer

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



.my_footer {

	text-align:center;

	font-size:10px;

	padding:5px 0 6px 0;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #1d81ef /*{b-bup-background-start}*/), to( #0061cc /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */

	background-image: -webkit-linear-gradient( #1d81ef /*{b-bup-background-start}*/, #0061cc /*{b-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */

	background-image:    -moz-linear-gradient( #1d81ef /*{b-bup-background-start}*/, #0061cc /*{b-bup-background-end}*/) !important; /* FF3.6 */

	background-image:     -ms-linear-gradient( #1d81ef /*{b-bup-background-start}*/, #0061cc /*{b-bup-background-end}*/) !important; /* IE10 */

	background-image:      -o-linear-gradient( #1d81ef /*{b-bup-background-start}*/, #0061cc /*{b-bup-background-end}*/) !important; /* Opera 11.10+ */

	background-image:         linear-gradient( #1d81ef /*{b-bup-background-start}*/, #0061cc /*{b-bup-background-end}*/) !important;

	color: #FFF /*{b-bhover-color}*/ !important;

	text-shadow: -1px /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 0px /*{b-bhover-shadow-radius}*/ #003269 /*{b-bhover-shadow-color}*/ !important;

	border-top: 1px solid #998d6c !important;

	border-bottom: 1px solid #5e553e !important;

}





.my_img_area {

	margin:20px auto 10px auto;

	/* [disabled]padding:0 5px; */

}



.my_img_area img {

	width:100%;

}



.content_area {

	margin:20px auto 10px auto;

	padding:10px;

	border: 2px solid #8FC320;

	font-size: 14px;

	background: #FFF;

	border-radius: 10px;

	-webkit-border-radius: 10px;   

	-moz-border-radius: 10px;

	box-shadow: 0 0 5px 5px rgba(47, 64, 10, 0.2) inset;

}



.con_area_in {

	padding: 10px;

}



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

	H  * btn

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



.tel_btn{

	text-align: left !important;

	background: #920819 !important;

	color: #FFF !important;

	text-shadow: none !important;

}