*{margin: 0;MARGIN: 0px;}

body{
margin: 0;
MARGIN: 0px;
width : 100%;
height:100%;
background-color:#fff;
LINE-HEIGHT: 120%;
font:16px/1.3 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Arial, Helvetica, Tahoma, sans-serif;
COLOR: #444;
}
img {
    border-style:none;
    max-width: 100%;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=40);
-ms-filter: “alpha( opacity=40 )”;
}

.visible-xs{
    display: none;
}
@media (max-width: 767px){
    .hidden-xs{
        display: none !important;
    }
    .visible-xs{
        display: block !important;
    }
}

#my_body { position : relative ; margin: 0 auto; width : 970px; }
#my_navigation { float : right ; width : 300px ; }
#my_contents { float : left ; width : 650px ;}

@media (max-width: 991px){
    #my_body { width : 760px; }
    #my_navigation { width : 31% ; }
    #my_contents { width : 68% ;}
}
@media (max-width: 767px){
    #my_body { width : 100%; }
    #my_navigation { float:none; width:300px; margin:0 auto;}
    #my_contents { float:none; width:90%; margin:0 auto;}
}

.side_menu{
/*background-image: url('../img/side_02.jpg');*/
text-align: center;
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.note {font-size: 11px; text-align:left; vertical-align:top;}


.kome {
font-size: 13px;
}


p.note2 { margin-left: 1em; text-indent: -1em;font-size: 13px; text-align:left;COLOR: #555; padding-top:3px;}

p.note3 {
    font-size: 13px;
    text-align:left;
    color: #555;
    padding-left: 40px;
}
@media (max-width: 767px){
    p.note3 {
        padding-top: 15px;
        padding-left: 0;
    }
}

.sub_ttl{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    background: #00a0e6;
    padding: 10px;
    margin-bottom: 10px;
}
.sub_ttl2{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    background: #f29901;
    padding: 8px 0;
    margin-bottom: 10px;
}

.setumei{
	text-align:left;
}

.haichi{
	text-align:center;
}

.sab_wrap img{
    width: 100%;
    max-width: auto;
}
.sab_bg {
/*background-image: url('../img/sab_02.jpg');*/
text-align:center;
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 0 20px;
}
@media (max-width: 767px){
    .sab_bg{
        padding: 0 15px;
    }
}

.tokuten{
    overflow: hidden;
}
.tokuten li{
    list-style-type: none;
    float: left;
    width: 30%;
    margin: 0;
    padding: 0 8px;
    background: none !important;
    border: none !important;
}
.tokuten li img{
    margin-bottom: 8px;
}
.tokuten li p{
    font-size: 13px;
    text-align: left;
}
@media (max-width: 767px){
    .tokuten {
        margin: 0;
        padding: 0;
    }
    .tokuten li{
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
}

.mag_tit{
	text-align:left;
	width:600px;
	font-size:14px;
}

.mag{
	text-align:left;
	/*width:600px;*/
	font-size:14px;
}
@media (max-width: 767px){
    .mag ul{
        margin: 0;
        padding: 0;
    }
}
li{
	margin-left:20px;
   padding:5px 0;
}
li:nth-child(2n) {
   color: #333;
   border-bottom:thin #666 dashed;

}
li:nth-child(2n+1) {
background-color:#F6F6F6;
   color: #333;
   border-bottom:thin #666 dashed;
}

.mag_moji {
color: #FF6699;
}


.qa_moji {
color: #009999;
}


.css_btn_class {
	font-size:18px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #ee1eb5;
	padding:10px 26px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(28%, #ff5bb0), color-stop(77%, #ef027d) );
	background:-moz-linear-gradient( center top, #ff5bb0 28%, #ef027d 77% );
	background:-ms-linear-gradient( top, #ff5bb0 28%, #ef027d 77% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
	background-color:#ff5bb0;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #c70067;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fbafe3;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fbafe3;
 	box-shadow:inset 1px 1px 0px 0px #fbafe3;
}

.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(28%, #ef027d), color-stop(77%, #ff5bb0) );
	background:-moz-linear-gradient( center top, #ef027d 28%, #ff5bb0 77% );
	background:-ms-linear-gradient( top, #ef027d 28%, #ff5bb0 77% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
	background-color:#ef027d;
}

.css_btn_class:active {
	position:relative;
	top:1px;
}

.back{
	text-align:right;
	padding-right:10px;
	font-size:14px;
}