@charset "utf-8";
/* CSS Document */


/*---------------------------------
add css standard start
--------------------------------*/

img {
	max-width: 100%;
	/* [disabled]width: auto; */
	/* [disabled]height: auto; */
}

table {
        width: 100%;
}

.clearfix:after {
        content: "."; 
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}

.clearfix {
        min-height: 1px;
}

* html .clearfix {
        height: 1px;
        /*¥*//*/
        height: auto;
        overflow: hidden;
        /**/
}

.both {
        clear: both;
}

.inline_block {  
        display: inline-block;  
        *display: inline;  
        *zoom: 1;  
}

/*---------------------------------
add css standard end
add css layout start
--------------------------------*/

.contents div{
        margin-bottom: 32px;
}

.img_left {
        float: left;
        width: 32%;
}

.text_right {
        float: right;
        width: 64%;
}

.img_right {
        float: right;
        width: 32%;
}

.text_left {
        float: left;
        width: 64%;
}

.content2_1 {
        width: 48%;
        float: left;
}

.content2_2 {
        width: 48%;
        float: right;
}

.content3_1 , .content3_2 , .content3_3 {
        width: 30%;
        float: left;
}

.content3_2 {
        margin-right: 5%;
        margin-left: 5%;
}

.content4_1 , .content4_2 , .content4_3 , .content4_4 {
        width: 22%;
        float: left;
}

.content4_2 {
        margin-left: 4%;
        margin-right: 4%;
}

.content4_3 {
        margin-right: 4%;
}

.note {
        background: #fcfcfc;
        padding: 8px 16px;
        margin: 16px 0;
}

.note p {
        margin: 0;
        padding: 4px 0;
}

.header_left {
        width: 48%;
        float: left;
}

.header_right {
        width: 48%;
        float: right;
}

@media screen and (max-width: 480px){
        .contents div{
                width: 100%;
                margin: 0 0 24px;
                float: none;
        }
}

/*---------------------------------
add css layout end
--------------------------------*/



@charset "utf-8";
/* CSS Document */

/* CSSのユニバーサルセレクタを使ってリセットする
* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
} */

/* CSSの要素ごとにリセットする */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	/* [disabled]font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif; */
}
html {
     overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
     list-style: none;
}
fieldset, img {
     border: 0;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}
caption, th {
     text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Firefoxでリンクの点線を消す */
a {
     overflow: hidden;
     outline: none;
}
/* リンクオーバーで透過 */
a:hover img {
     filter: alpha(opacity=85);
     -moz-opacity: 0.85;
     opacity: 0.85;
}
/* clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
/* IE6 */
* html .clearfix {
     zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
     zoom: 1;
}
/* ~~ その他の float/clear クラス ~~ */
.fltrt {
     float: right;
}
.fltlt {
     float: left;
}
img {
     vertical-align: bottom
}
img.fltrt {
     margin: 0 0 10px 10px;
}
img.fltlt {
     margin: 0 10px 10px 0;
}
.center {
     text-align: center;
     margin: 0 auto;
}
.clear {
     clear: both
}
.mb100 {
     margin-bottom: 100px !important;
}
.mb60 {
     margin-bottom: 60px !important;
}
.mb50 {
     margin-bottom: 50px !important;
}
.mb40 {
     margin-bottom: 40px !important;
}
.mb30 {
     margin-bottom: 30px !important;
}
.mb20 {
     margin-bottom: 20px !important;
}
.mb15 {
     margin-bottom: 15px !important;
}
.mb10 {
     margin-bottom: 10px !important;
}
.mb05 {
     margin-bottom: 5px !important;
}
.w05p {
     width: 5%;
}
.w10p {
     width: 10%;
}
.w15p {
     width: 15%;
}
.w20p {
     width: 20%;
}
.w30p {
     width: 30%;
}
.w40p {
     width: 40%;
}
.w50p {
     width: 50%;
}
.w60p {
     width: 60%;
}
.w70p {
     width: 70%;
}
.w80p {
     width: 80%;
}
.w90p {
     width: 90%;
}
.w100p {
     width: 100%;
}
.txt_red {
     color: #C00;
}
.txt_right {
     text-align: right;
     text-indent: 0 !important;
}
.txt_left {
     text-align: left;
     text-indent: 0 !important;
}
.txt_l {
     font-size: 150%;
     line-height: normal !important;
     font-weight: bold;
     display: block;
}
.txt_box {
     padding: 20px;
     background-color: #F9F3EE;
     border-radius: 15px;
}
.txt_box p {
     font-size: 95%;
     line-height: 1.85;
     text-indent: 1em;
     margin-bottom: 0.5em;
}
.txt_s {
     font-size: 90%;
     line-height: normal !important;
}
.txt_xs {
     font-size: 80%;
     line-height: normal !important;
}
.txt_xxs {
     font-size: 70%;
     line-height: normal !important;
}
.txt_right {
     text-align: right;
     text-indent: 0 !important;
}
.txt_left {
     text-align: left;
     text-indent: 0 !important;
}
.txt_l {
     font-size: 150%;
     line-height: normal !important;
}
input[type="text"], input[type="password"], textarea {
     background-color: #fff;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
     background-color: #FFFFE8 !important;
     color: #000;
}

a img {
     border: none;
}

a:link {
	color: #2C86AD;
	text-decoration: underline;
}
a:visited {
	color: #339BCA;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
     text-decoration: none;
}
.indent1 {
     text-indent:1em;
}
label {
	cursor: pointer;
	white-space: nowrap;
	text-decoration:none;
	}
label:hover {
	/* [disabled]text-decoration:underline; */
	color: #339BCA;
	}
ol.list_num,
ul.list_circle,
ul.list_disc {
	margin-bottom: 20px;
	list-style-position: outside;
	margin-left: 2.5em;
	display: block;
	line-height: 1.75;
	/* [disabled]font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; */
}
ol.list_num2 {
     list-style-position: outside;
     padding-left: 2.5em;
}
ol.list_num li,
ol.list_num2 li,
ul.list_circle li,
ul.list_disc li  {
     margin-bottom:0.5em;
}
ol.list_num li  {
     list-style-type: decimal;
     margin-bottom: 1em;
}
ol.list_num2 li  {
     list-style-type: lower-roman;
}
ul.list_circle li,
ul.list_disc li {
	clear: both;
	text-indent: 0px;
	margin-bottom: 0.8em;
}

ul.list_circle li  {
     list-style-type: circle;
}

ul.list_disc li {
     list-style-type: disc;
}
.entry-content strong,
ul li strong {
	font-weight: bold;
	}
.entry-content ul li strong {
	font-size: 120%;
	line-height: 2.5;
	color: #008FBF;
	}
.entry-content dl.list_privacy {
	line-height:1.65;
	font-size:95%;
	}
.entry-content dl.list_privacy dt {
	color: #339BCA;
	margin-bottom: 0.5em;
	font-size: 130%;
	}
.entry-content dl.list_privacy dd {
	margin-bottom: 1.5em;
	}

.blc {
	display:block
}

.pageup {
     display: block;
     text-align: right;
     padding-left: 20px;
     float: right;
     clear: both;
     width: auto;
}