@charset "utf-8";

/* ----- reset ----- */

body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}

table, tr, th, td {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: middle;
}

body { line-height:1; }

article, aside, dialog, figure, footer, header,hgroup, nav, section {
	display:block;
}

ul, nav ul { list-style:none; }

img { 
	vertical-align: bottom;
	font-size:0;
	line-height: 0;
 }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content:''; content:none;
}

a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }

a:focus{ outline:none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

input, select { vertical-align:middle; }

* { letter-spacing:0; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100{ margin-bottom:100px; }


/* ----- クリアフィックス -----*/

.cf { *zoom:1;/* For IE 6/7 (trigger hasLayout) */ }
.cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both; }


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

flexボックス
 
---------------------------------- */

.flex {
	display: flex;
	flex-wrap: wrap;
	margin: 60px auto;
	max-width: 1000px;
}

.between {
	justify-content: space-between;
}

.around {
	justify-content: space-around;
}

/* ----- コンテンツ -----*/

body {
    color: #333333;
	font-size: 130%;
	line-height: 1.65;
	font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	background: #f6f6f6;
}


#site_header_wrapper {
    background: url('../images/header_bg.jpg') no-repeat;
    background-position: top center;
}

    #site_header_wrapper #site_header {
        width: 980px;
        margin:0 auto;
        text-align: left;
        position: relative;
    }
    
    #site_header_wrapper #site_header .logo {
        position: absolute;
        top: 10px;
        left: 0px;
    }
        
    #site_header_wrapper #site_header .no1 {
        position: absolute;
        top: 5px;
        right: 280px;
    }
        
    #site_header_wrapper #site_header .contact {
        position: absolute;
        top: 60px;
        right: 0px;
    }
    
    #site_header_wrapper #site_header .tel {
        position: absolute;
        top: 15px;
        right: 20px;
    }

    #site_header_wrapper #site_header .main_visual {
        padding-bottom: 13px;
    }

#site_description_wrapper {
	width: 100%;
	background: #000000;
	text-align: center;
}

#site_description_wrapper #site_description {
	width: 950px;
	background: #000000;
	text-align: left;
	margin: 0 auto;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 15px 5px 15px;
}



.header_tel_02_wrapper {
	background: url("../images/header_tel_02_edge.jpg") repeat-x;
	width: 100%;
}

	.header_tel_02_wrapper .header_tel_02 {
		width: 950px;
		margin: 0 auto;
	}


#header_wrapper {
	width: 100%;
	height: 580px;
	background: url("../images/mainimage_edge.jpg") repeat-x;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
	background: #ffffff;
	text-align: center;
	padding: 15px 0 15px 0;
}


.tokucho {
	margin: 0 auto;
	max-width: 950px;
	padding: 0 30px;
	text-align: left;
}

.tokucho .title {
	float: left;
	margin: 0 0 15px 0;
}

.tokucho .image {
	float: right;
	margin: 0 0px 15px 20px;
}

.tokucho .txt {
	clear:left;
}

.tokucho .point {
	font-size: 200%;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	margin: 5% 0;
	color: #ff0000;
}

	#wrapper .voicelist {
		width: 908px;
		height: 400px;
		border: solid 1px #dddddd;
		overflow: auto;
		margin: 0 auto 40px 20px;
	}
	
	#wrapper .contents {
		margin: 0 0 50px 0;
	}
	
	#wrapper .movie {
		margin: 0 0 30px 0;
	}
	
	#wrapper .btn {
		margin: 30px 0 30px 0;
	}
	
	#wrapper .back_to_top {
		text-align: right;
		padding: 10px 15px 10px 0;
	}
	
	
#footer_wrapper {
	width: 100%;
	background: #000000;
}

	#footer_wrapper .license {
		width: 950px;
		margin: 0 auto;
		color: #ffffff;
		padding: 30px 0 30px 0;
		background: #000000;
	}
	
	


#sidetag {
	width: 45px;
	height: 400px;
	position: fixed;
	top: 200px;
	right: 0;
	background: url("/images/sidetag/bg.png") no-repeat;
}

	#sidetag p {
		margin: 0;
		padding: :0;
	}