html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


span.decor01{
	/*background-color:#333;*/
    /*border-radius: 20px; /*       /* CSS3草案 */  
    /*-webkit-border-radius: 20px;*/    /* Safari,Google Chrome用 */  
    /*-moz-border-radius: 20px;*/   /* Firefox用 */  
background-image: -moz-linear-gradient(top, #7c7c7c, #68676d);
background-image: -ms-linear-gradient(top, #7c7c7c, #68676d);
background-image: -o-linear-gradient(top, #7c7c7c, #68676d);
background-image: -webkit-gradient(linear, center top, center bottom, from(#7c7c7c), to(#68676d));
background-image: -webkit-linear-gradient(top, #7c7c7c, #68676d);
background-image: linear-gradient(top, #7c7c7c, #68676d);
	/*padding:0px 8px;*/
	color:#ffffff;
	display:block;
	/*width:130px;*/
	/*text-align:center;*/
	margin-top:20px;
	margin-bottom:10px;
	font-size:18px;
	padding:5px;
}

h1{
	font-size:13px;
	margin-bottom:0px;
	}

.pankuzu{
	font-size:13px;
	margin-top:10px;
	}

.mb10{
	margin-bottom:10px;
	}
	
.under{
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
	}
	
.bg {
	-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #dddddd;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #cccccc), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #cccccc),
            color-stop(.75, #cccccc), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #cccccc 25%, transparent 25%,
          transparent 50%, #cccccc 50%, #cccccc 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #cccccc 25%, transparent 25%,
          transparent 50%, #cccccc 50%, #cccccc 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #cccccc 25%, transparent 25%,
          transparent 50%, #cccccc 50%, #cccccc 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #cccccc 25%, transparent 25%,
          transparent 50%, #cccccc 50%, #cccccc 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #cccccc 25%, transparent 25%,
          transparent 50%, #cccccc 50%, #cccccc 75%,
          transparent 75%, transparent);
	}
	
.base{
	background-color:#ffffff;
	max-width: 900px;
	padding: 20px;
	margin: 0 auto;
	color:#444444;
	font-size:13px;
	line-height:21px;
	}
	
.head1{
	background-color:#ffffff;
	max-width: 900px;
	margin: 0 auto;
	padding: 20px 20px 10px;
	}
	
@media screen and (max-width: 480px) {
.catchcopy{
	font-size:20px;
	padding:7px;
	color:#ffffff;
	background-color:#5a5a5a;
	}
.keybackm {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1;
	}
.decor02{
	/*background-color:#333;*/
    /*border-radius: 20px; /*       /* CSS3草案 */  
    /*-webkit-border-radius: 20px;*/    /* Safari,Google Chrome用 */  
    /*-moz-border-radius: 20px;*/   /* Firefox用 */  
	font-weight: bold;
	/*padding:0px 8px;*/
	color:#0000cc;
	display:block;
	/*width:130px;*/
	/*text-align:center;*/
	margin-bottom:5px;
	font-size:20px;
	margin-top:60px;
}

#ouboform p {
	font-size: 16px;
	line-height:20px;
	margin: 2px;
}

#ouboform dl{
	padding:7px 0;
	border-bottom:1px dotted #ccc;
	margin:0 auto;
	width:100%;
	}

#ouboform dt{
	display:inline-block;
	text-align:left;
	margin-left:3%;
	width:27%;
	vertical-align:middle;
	line-height:4vw;
	font-size:3.2vw;
	}
	
#ouboform dd{
	display:inline-block;
	vertical-align:middle;
	width:62%
	}
	
.w_kinmu{
	width:100%;
	}
	
.w_name{
	width:40%;
	}
	
.w_area{
	width:80%;
	}
	
.w_birth{
	width:25%;
	}
	
.w_monthday{
	width:24%;
	}
	
.w_big{
	width:100%;
	}
	
.w_youbou{
	width:100%;
	height:60px;
	}

.nobr_pc{
	display:none;
	}
	
#ouboform textarea{
	border:1px solid #aaaaaa;
	}
	
input[type=text]{
height:30px;
font-size:12px;
border:1px solid #aaaaaa;
}

input[type=tel]{
height:30px;
font-size:12px;
border:1px solid #aaaaaa;
}

input[type=email]{
height:30px;
font-size:12px;
border:1px solid #aaaaaa;
}

input[type=number]{
height:30px;
font-size:12px;
border:1px solid #aaaaaa;
}

select{
height:35px;
font-size:12px;
}

input[type=radio]{
margin:0 3px 0 0;
vertical-align:-3px;
}

input[type=checkbox]{
margin:0 3px 0 0;
vertical-align:-3px;
}

img.keyback{
	width:100px;
	}
	
.head1{
	padding: 0 20px 10px;
	}
}

@media screen and (min-width: 481px) {
.fl-right{
	float: right;
	}

.fl-left{
	float: left;
	}
.catchcopy{
	max-width: 900px;
	font-size:25px;
	margin: 0 auto;
	padding: 10px 20px;
	color:#ffffff;
	background-color:#5a5a5a;
	}
.keyback {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1;
	}
	
.decor02{
	/*background-color:#333;*/
    /*border-radius: 20px; /*       /* CSS3草案 */  
    /*-webkit-border-radius: 20px;*/    /* Safari,Google Chrome用 */  
    /*-moz-border-radius: 20px;*/   /* Firefox用 */  
	font-weight: bold;
	/*padding:0px 8px;*/
	color:#0000cc;
	display:block;
	/*width:130px;*/
	/*text-align:center;*/
	margin-bottom:5px;
	font-size:17px;
}
.first{
	background-color:#ffffff;
	max-width: 900px;
	padding: 0px;
	margin: 0 auto;
	color:#444444;
	font-size:17px;
	line-height:21px;
}
#ouboform p {
	font-size: 14px;
	line-height:20px;
	margin: 2px;
}

.b-margin{
	margin-bottom:150px;
	}

#ouboform dl{
	padding:10px;
	border-bottom:1px dotted #ccc;
	margin:0 auto;
	width:90%;
	}

#ouboform dt{
	display:inline-block;
	text-align:right;
	width:120px;
	vertical-align:middle;
	padding-top:3px;
	}
	
#ouboform dd{
	display:inline-block;
	vertical-align:middle;
	margin-left:20px;
	}
	
.w_kinmu{
	width:400px;
	}
	
.w_name{
	width:150px;
	}
	
.w_area{
	width:150px;
	}
	
.w_birth{
	width:100px;
	}
	
.w_monthday{
	width:80px;
	}
	
.w_big{
	width:500px;
	}
	
.w_youbou{
	width:500px;
	height:100px;
	}
.nobr{
	display:none;
	}
input[type=text]{
height:30px;
font-size:14px;
}

input[type=number]{
height:30px;
font-size:14px;
}

input[type=tel]{
height:30px;
font-size:14px;
}

input[type=email]{
height:30px;
font-size:14px;
}

select{
height:37px;
font-size:14px;
}
}

.br-sp { 
	display:block;
	}

/*for Webkit*/
input::-webkit-input-placeholder {
    color:    #cccccc;
}

/*for Firefox*/
input:-moz-placeholder {
    color:    #cccccc;
}

/* Webkit */
    :focus::-webkit-input-placeholder {
        color: transparent;
    }
    /* Firefox 18 以前 */
    :focus:-moz-placeholder {
        color: transparent;
    }
    /* Firefox 19 以降 */
    :focus::-moz-placeholder {
        color: transparent;
    }

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
 
.clearfix { display: inline-table; }
 
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.mb30{ margin-bottom:30px; }
.mb50{ margin-bottom:50px; }
.f-blue{color:#014684;}
.f-weight{font-weight: bold;}
.pb10{ padding-bottom:10px;}

/*------------------------------------------------------------------------------------ 左カラム */

nav {
	width: 199px;
	font-size: 12px;
	text-align: center;
	background-repeat: repeat-y;
	height: 100%;
	background-position: right;
	margin: 0;
	padding-top: 40px;
	float: left;
	/*line-height:2;*/
	border-right:solid 1px #DCDDDD;
	line-height:17px;
	color: #696969;
}
.navlink {
	text-align: center;
	/*text-indent:-37px;*/
}

.contents-nav{
	border-bottom:dotted 1px #DCDDDD;
	width:100px;
	margin-left:50px;
}

@media screen and (min-width: 481px) {
#container {
	width: 900px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}


}
a{
	color: #696969;
	text-decoration:none
}
a:hover{
	color:#014684;
	text-decoration:underline;
}

a:hover img.over {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}*/