@charset "utf-8";
/*base設定*/

@media screen and (max-width: 767px){

body { margin: 0px; padding: 0px; }

img{
	width:100%;
	height:auto;
}
.img_box_01 {
	width:100%;
}
.img_box_01 .photo{
	width:32%;
	margin:0;
}

.img_box_02{
	width:100%;
}
.img_box_02 .left,
.img_box_02 .right{
	width:48%;
}
#container {
	width:100%;
	height:auto !important;
	margin:0;
}
div.wrap {
	padding:0;
	width:100%;
	padding-bottom:20px;
	position: relative;
}

/* header style
======================================== */
div.header {
	background:#fff url(../images/header_bg_sp.gif) left top repeat-x;
	height:auto;
	border-bottom:#ccc solid 1px;
	margin:0;
	padding:0;
}
div.header h1 {
	margin:0;
	width:95%;
	float:none;
	display:block;
	padding:10px 0 0 0;
	margin:0 0 0 10px;
}
div.header h1 a {
	text-decoration:none;
}
div.header h1 img {
	width:100% !important;
	height:auto !important;
}
div.header p.data {
	font-size:54%;
	text-align:right;
	float:none;
	width:95%;
	margin:0 0 0 10px;
	padding:0;
}

/* main style
======================================== */
.main_img object{
	text-align:center;
	margin:0;
	padding:10px 0;
	width:300px !important;
}
.main_img img{
	width:100%;
	height:auto;
	margin:0;
}
div.main img.img01,
div.main img.img02 {
	float:none !important;
	display:block;
	width:100%;
	max-width:200px;
	margin:10px auto;
	padding:0;
}
div.main {
	padding:300px 0 0 0;
	width:100%;
	float:none;
}
div.main h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 20px 2px 12px 10px;
    padding: 0 0 4px 6px;
}
div.main h3{
	margin:0 5px 10px 5px;
	padding:5px 10px 5px 15px;
}
div.main p{
	margin:0 0 10px 0;
	padding:5px 10px 5px 10px;
}

/* left_col style
======================================== */
div.left_col {
	float:none;
	margin:0 auto;
	padding:0;
	width:80%;
}
.nav_area{
	width:80%;
	position: absolute;
	top: 10px;
	left: 10%;

}
ul.nav01{
	margin:0;
	padding:0;
	width:100%;
}
div.left_col .home{
	background:#000;
	color:#fff;
	margin:0;
	padding:0;
}
div.left_col ul.nav01 {
	margin:0;
	padding:0;
}
div.left_col ul.nav01 li {
	text-indent:0;
	margin:0 0 3px 0;
	color:#333;
}
div.left_col p.btn {
	background-image:none;
	text-indent:0;
	background:url(../images/bg_home_sp.gif) left top repeat-x;
	margin:0;
	padding:8px 10px;
}
div.left_col p.btn a {
	color:#fff;
	height:auto;
	text-decoration:none;
}
div.left_col ul.nav01 li.kaitori_01,
div.left_col ul.nav01 li.kaitori_02,
div.left_col ul.nav01 li.kaitori_03,
div.left_col ul.nav01 li.kaitori_04,
div.left_col ul.nav01 li.kaitori_05,
div.left_col ul.nav01 li.contact {
	background:url(../images/bg_menu.gif) left top repeat-x;
	text-indent:0;
	border-bottom:#fff solid 1px;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}
div.left_col ul.nav01 li.kaitori_01_on,
div.left_col ul.nav01 li.kaitori_02_on,
div.left_col ul.nav01 li.kaitori_03_on,
div.left_col ul.nav01 li.kaitori_04_on,
div.left_col ul.nav01 li.kaitori_05_on,
div.left_col ul.nav01 li.contact_on {
	background:url(../images/bg_menu.gif) left top repeat-x;
	text-indent:0;
	border-bottom:#fff solid 1px;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	font-weight:bold;
}
div.left_col ul.nav01 li.kaitori_01 a,
div.left_col ul.nav01 li.kaitori_02 a,
div.left_col ul.nav01 li.kaitori_03 a,
div.left_col ul.nav01 li.kaitori_04 a,
div.left_col ul.nav01 li.kaitori_05 a,
div.left_col ul.nav01 li.contact a {
	width:100%;
	height:auto;
	padding: 10px 0 10px 10px;
	text-decoration:none;
}
div.left_col ul.nav01 li.kaitori_01_on a,
div.left_col ul.nav01 li.kaitori_02_on a,
div.left_col ul.nav01 li.kaitori_03_on a,
div.left_col ul.nav01 li.kaitori_04_on a,
div.left_col ul.nav01 li.kaitori_05_on a,
div.left_col ul.nav01 li.contact_on a {
	width:100%;
	height:auto;
	padding: 10px 0 10px 10px;
	text-decoration:none;
	color:#B11A09;
}
div.left_col ul.nav01 li.kaitori_01 a:hover,
div.left_col ul.nav01 li.kaitori_02 a:hover,
div.left_col ul.nav01 li.kaitori_03 a:hover,
div.left_col ul.nav01 li.kaitori_04 a:hover,
div.left_col ul.nav01 li.kaitori_05 a:hover,
div.left_col ul.nav01 li.contact a:hover{
	background:none;
}
div.side-content {
	margin:20px 0 0 0;
	padding:0;
	border:#ccc solid 1px;
	background:#fff;
}
div.left_col .side-content-top {
	background:none;
}
div.left_col .side-content-bottom {
	background:none;
}
div.left_col .side-content-body {
	background:transparent url(../images/side_content_body_sp.gif) repeat-y;
}
div.left_col .side-content-body ul {
	background:none;
}

/* mypl news style
======================================== */
div.main .news{
	padding:0 8px;
}
.bg_news{
	margin:0 8px;
}
.news h3 img {
	width:100%;
	height:auto;
}
.news_text img{
	width:98%;
}
.dotline{
	width:98%;
}
div.main .news h3{
	width:100%;
}
div.footer {
    height: auto;
    padding: 10px 0;
	border-top:#ccc solid 1px;
}
div.footer p {
    padding:0;
    margin:0 0 10px 0;
    text-align: center;
}
div.footer p a {
	white-space: nowrap;
}

/* other style
======================================== */
.textright img{
	width:124px;
}
/* form */
.formMain table.table3 {
	width:100% !important;
}
.formMain table.table3 input,textarea{
	width:100% !important;
}
div.main table.table3 th{
    border-bottom: 1px solid #EEEEEE;
	width:35%;
}
div.main table.table3 th .f14 {
	font-size:76%;
}
div.main table.table3 td {
    border-bottom: 1px solid #EEEEEE;
}
.formMain button, .formMain input[type=button],
.formMain input[type=reset], .formMain input[type=submit] {
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-moz-box-shadow: 1px 1px 2px #E7E7E7;
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
.formMain button:hover, .formMain input[type=button]:hover,
.formMain input[type=reset]:hover, .formMain input[type=submit]:hover	{
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}
.formMain button:active, .formMain input[type=button]:active,
.formMain input[type=reset]:active, .formMain input[type=submit]:active	{
	background: #ccc;
	padding: 6px 20px 4px;
}
.formMain p.agree {
	width:100%;
}
.formMain p.submit{
	background:#fff;
}

}