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

/* ===================================================================
 File names  :style.css
 Last Up Date:2015/09/30
 Author      :NEGISHI
--------------------

構成：
	#wrapper       　width: auto;
	 ┣#header     　width: 980px;
	 ┣#contents     width: 980px;
	 ┃　　┗#main   width: 980px;（コンテンツ格納エリア）
	 ┗#footer     　width: 980px;

--------------------

特記事項：

=================================================================== */

/*===============================================
　　　　　　　　　　初期設定
===============================================*/

html {
	overflow-y:scroll;
	color:#7b7d80;
	background: url(../image/bg_html.png) repeat center top ;
	height:100%;
}

body ,div , form , ul , h1 , h2 , h3 , h4 , h5 , h6 ,
a , area , map , address , ul, ol , dl , dt , dd , pre ,
form , fieldset , input , textarea , blockquote , th , td {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align:left;
}

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ　Pro W3", "ＭＳ Ｐゴシック", Verdana;
	font-size:14px;
	line-height:1.8;
	height:100%;

	}

#wrapper {
	width:auto;
	min-height:100%;
	background:url(../image/bg.png) repeat-y center;
}

p{
	margin-left:8px;
	}

img {
	border:0;

}

/*===============================
　　　　link
===============================*/
/*----------
通常設定　　　　
----------*/

a:link , a:visited , a:active{
	color:#ff5a80;
	outline:none;
	text-decoration:underline;
}

a:hover {
	color:#ff98b0;
	text-decoration: none;
	border:none;
}

a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

a[href$=".pdf"] {
  background:url(../image/document-pdf.png) no-repeat left center;
  padding:4px 0 2px 20px;
  margin-left:5px;
}

/*===============================
　　　　フォント指定
===============================*/

strong {
	color:#ff3f9e;
	font-weight:bold;
}

em {
	font-weight:bold;
	font-style:normal;
	color:#58c8b4;
}

.red {
	color:#ff3333;
}

.boldred {
	color:#ff3333;
	font-weight:bold;
}

.bred {
	color:#ff3333;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

.redboldline {
	color:#CC0000;
	font-weight:bold;
	text-decoration:underline;
}

.centerarea {
	clear:both;
	text-align:center;
	margin:10px 0;
}

.centerarea p {
	text-align:center;
	margin-bottom:10px;
}

/*===============================
　　　　その他設定
===============================*/

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.right_m {
	text-align:right;
	font-size:11px;
}

.clear {
	clear:both;
}

.imgleft {
	float:left;
	margin:0 10px 10px 20px;

}

.imgright {
	float:right;
	margin:0 20px 10px 10px;

}

/*===============================
　　　　レスポンシブ対応設定
===============================*/
.sp-only {
  display: none;
}

/*===============================================
　　　　　　　　　　#header
===============================================*/

#header{
	width:980px;
	height:187px;
	margin:0px auto;
	padding-bottom: 5px;
}

#header h1{
	background:url(../image/h1.png) no-repeat;
	width:250px;
	height:110px;
	display:block;
	position:relative;
	text-indent:-9999px;
	float:left;
	top: 0px;
	left: 7px;
}

#top_banner{
     width:480px;
     height:85px;
	 float:right;
	 margin: 22px 10px 0 0;
}


/*===============================================
　　　　　　　　　　#google_translate_element
===============================================*/

#google_translate_element{
    float: left;
	position: relative;
    left: 110px;
    top: 59px;

}
#google_translate_element .goog-te-gadget-simple {

	border-left: 1px solid #e62e5b;
	border-top: 1px solid #e62e5b;
	border-bottom: 1px solid #e62e5b;
	border-right: 1px solid #e62e5b;
	font-size: 9pt;

}

/*===============================================
　　　　　　　　　　#menu
===============================================*/
#menu{
	background:url(../image/menu_bg_n.png) no-repeat;
	width:980px;
	height:72px;
	margin-bottom:10px;
}
#menu ul{
	list-style-image: none;  //url('../image/menu_l.png');
	width: 971px;
	height:38px;
	overflow: hidden;
	float:right;
	margin-top: 22px;
	display: flex;
}
#menu li{
	float:left;
	font-size:12px;
	font-weight:bold;
	background:url(../image/menu_l.png) no-repeat 10px 0;
	flex-grow: 2;
	//width:10%;
}
#menu li + li {
	border-left: 1px solid #f0d8d8;
}
#menu li a{
	display: block;
	height:38px;
	color:#bc8f8f;
	margin: 8px 10px 0 32px;
	text-decoration:none;
}
#menu li a:hover{
	height:38px;
	color:#f08080;
	text-decoration:none;
}


/* news ticker */
/*マーキー(ヘッダーで使用)*/
.marquee{
	margin: 0px auto 2px;
	width:948px;
	height:20px;
	background:#fd4389;
	padding:3px 5px 10px 5px;
	overflow: hidden;
	display: flex;
}

.marquee_title{
	background:url(../image/header_topics.png) no-repeat 7px 0;
	float:left;
	width:80px;
	height:20px;
	margin-top: 4px;
}

.marquee_link {
	width: 850px;
	//padding: 0.5em 0;
	margin: 0 0 0 5px;
	position: relative;
	overflow: hidden;
	text-align: left;
	color:#FFF;
	font-weight: bold;
}
.marquee_link p:after {
	content: "";
	white-space: nowrap;
}
.marquee_link p {
	text-decoration:none;
	color:#FFF;
	font-weight: bold;

	margin: 0;
	padding-left: 100%;
	display: inline-block;
	white-space: nowrap;
		-webkit-animation-name:marqueeRL;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:18s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marqueeRL;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:18s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marqueeRL;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:18s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marqueeRL;
		-o-animation-timing-function:linear;
		-o-animation-duration:18s;
		-o-animation-iteration-count:infinite;
		animation-name:marqueeRL;
		animation-timing-function:linear;
		animation-duration:18s;
		animation-iteration-count:infinite;
}

@-webkit-keyframes marqueeRL {
	from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marqueeRL {
	from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marqueeRL {
	from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}
}
@-o-keyframes marqueeRL {
	from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}
}
@keyframes marqueeRL {
	from {transform:translate(0);} to {transform:translate(-100%);}
}
.marquee_link p a{
	text-decoration:none;
	color:#FFF;
	font-weight: bold;
}
/*
.marquee_link{
	marquee-style: scroll;
	marquee-direction:left;
	overflow: hidden;
	font-weight: bold;
	float:left;
	text-align:center;
	color:#FFF;
}

.marquee_link a{
	//font-weight: bold;
	//float:left;
	//text-align:center;
	color:#FFF;
	text-decoration:none;
}
*/

/*===============================================
　　　　　　　　　　#new_year
===============================================*/

#new_year{
	width: 940px;
	margin:0px auto;
}

#new_year {
    border:solid 2px #F66;
    border-radius:5px;     /* CSS3草案 */
    -webkit-border-radius:5px; /* Safari,Google Chrome用 */
    -moz-border-radius:5px;    /* Firefox用 */
    background:#FFE3E3;
    padding: 5px 5px 5px 5px;
    text-align:center;
}

#new_year a {
	width:100%;
	font-weight:bold;
	color:#f00;
}

/*===============================================
　　　　　　　　　　#main
===============================================*/

#main {
	width:1000px;
	height:auto;
	margin:5px auto;
	position:relative;
}

#left {
	width: 690px;
	margin-left: 20px;
	float: left;

}

#right {
	width: 220px;
	margin-right: 20px;
	float: right;
	background-color: #fdf9f8;
	border-radius: 5px;
	padding: 10px 12px 15px;
}


/*===============================================
　　　　　　　その他ページ　#main #hanyo_left
===============================================*/

#hanyo_left {
	width: 235px;
	margin-left: 20px;
	float: left;
	background: #fce2de;

}

#hanyo_left ul {
	padding: 10px;
}

#hanyo_left #sub_navi a {
    background-color: #fdf9f6;
    background-image: url("../image/bg_sanyo_left_navi.png");
    background-position: left top;
    background-repeat: no-repeat;
	border: solid 1px #f0bdb3;
	margin-bottom: -1px;
    //border-left: 1px solid #f0bdb3;
    //border-right: 1px solid #f0bdb3;
    //border-top: 1px solid #f0bdb3;
    color: #f291a9;
    display: block;
    min-height: 16px;
    padding: 11px 7px 5px 25px;
    text-decoration: none;
}

#sub_navi02 a {
    background-color: #FBFBFB;
    /* background-image: url("../image/bg_sanyo_left_navi.png"); */
    background-position: left top;
    background-repeat: no-repeat;
    /* border-left: 1px solid #B85E99;
    border-right: 1px solid #B85E99;
    border-top: 1px solid #B85E99; */
    color: #B85E99;
    display: block;
    min-height: 16px;
    font-size: 10px;
    padding: 6px 6px 6px 7px;
    text-decoration: none;
}

#hanyo_left #sub_navi a:hover {
    color: #ebbec9;

}

#hanyo_left #sub_navi a.last_sub_navi {
	display:block;
	min-height:16px;
    padding: 11px 7px 5px 25px;
	background-image:url(../image/bg_sanyo_left_navi.png);
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
	border: solid 1px #f0bdb3;
}

#sub_navi02 a.last_sub_navi{
    display:block;
	min-height:16px;
    padding: 6px 6px 6px 7px;
	/*background-image:url(../image/bg_sanyo_left_navi.png);*/
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
	/* border: solid 1px #B85E99; */
}




#hanyo_right {
	padding: 0 12px 20px;
	width: 686px;
	margin-right: 20px;
	float: right;
	padding-bottom: 20px;
	min-height:650px;
}

#hanyo_right p {
    color: #333;
    line-height: 1.7;
    margin: 10px auto 15px;
    padding: 0 10px;
	 }


#hanyo_right dd {
	color: #555;
	width: 680px;
	border-bottom: 1px dotted #393939;
	font-size: 14px;
}

/*===============================================
          #article ul
===============================================*/
#text ul li{
background:url(../image/li.png) no-repeat 7px 4px;
padding-left:25px;
}

#hanyo_right ul{
	margin-top:10px;
	margin-bottom:10px;
}

#hanyo_right ul li{
background:url(../image/li.png) no-repeat 7px 4px;
padding-left:25px;
}

#hanyo_right ul.come li {
 /*background:url(../image/li_come.gif) no-repeat 7px 4px;*/
}

#attention_list ul {
	width: auto;
}

#attention_list ul li {
	height: 26px;
	line-height: 28px;
	background: none #fff;
    border: 1px solid #f0867c;
    border-radius: 13px;
    display: block;
    padding: 0;
	margin: 5px 10px;
	transition: all .1s;
	-webkit-transition: all .1s;
	-moz-transition: all .1s;
}
#attention_list ul li:hover {
	background-color: #feb0a8;
}


#attention_list ul li a {
	display: block;
	width: auto;
	height: 100%;
	color: #f48a80;
	padding: 0 20px;
}
#attention_list ul li a:hover {
	color: #fff;
	text-decoration: none;
}

/*===============================================
　　　　　　　　　　#index #slider
===============================================*/

#main_th{
	margin-top:18px;}

#main_th ul{
	width:956px;
	height:258px;
	margin:auto;
}

#main_th ul li{
	width:126px;
	height:293px;
	float:left;
	text-align:center;
	font-size:13px;
}

.mr_top{
	padding: 35px 0 0 0;
	height:189px;
}

.mr_bottom{
	margin-top: -5px;
}

.mr_bottom2{
  margin-top: -10px;
}

.mr11{
	margin-right: 10px;
	background:url(../image/parts/th_tokyo_i.png) no-repeat;
}
.mr12{
	margin-right: 10px;
	background:url(../image/parts/th_osaka_i.png) no-repeat;
}
.mr13{
	margin-right: 10px;
	background:url(../image/parts/th_nagoya_i.png) no-repeat;
}
.mr14{
	margin-right: 10px;
	background:url(../image/parts/th_fukuoka_i.png) no-repeat;
}
.mr15{
	margin-right: 10px;
	background:url(../image/parts/th_sendai_i.png) no-repeat;
}
.mr16{
	margin-right: 10px;
	background:url(../image/parts/th_sapporo_i.png) no-repeat;
}
.mr17{
	margin-right: 10px;
	background:url(../image/parts/th_hiroshima_i.png) no-repeat;
}
.mr20{
	margin-right: 10px;
}

#animal{
	width:980px;
	margin:20px auto 0;
}

/*===============================================
　　　　　　　　　　#h2
===============================================*/

#hanyo_right h2{
	width: 710px;
	height:66px;
	text-indent: -9999px;
	margin:auto;
	margin-left: -12px;
}

h2#h2_about{ background:url(../image/h2/h2_about.png) no-repeat;}
h2#h2_sche{ background:url(../image/h2/h2_sche.png) no-repeat;}
h2#h2_circle{ background:url(../image/h2/h2_circle.png) no-repeat;}
h2#h2_admission{ background:url(../image/h2/h2_admission.png) no-repeat;}
h2#h2_company{ background:url(../image/h2/h2_company.png) no-repeat;}
h2#h2_workshop{ background:url(../image/h2/h2_workshop.png) no-repeat;}
h2#h2_faq{ background:url(../image/h2/h2_faq.png) no-repeat;}
h2#h2_point{ background:url(../image/h2/h2_point.png) no-repeat;}
h2#h2_staff{ background:url(../image/h2/h2_staff.png) no-repeat;}
h2#h2_contact{ background:url(../image/h2/h2_contact.png) no-repeat;}
h2#h2_link{ background:url(../image/h2/h2_link.png) no-repeat;}
h2#h2_company_info{ background:url(../image/h2/h2_company_info.png) no-repeat;}
h2#h2_privacy{ background:url(../image/h2/h2_privacy.png) no-repeat;}

h2#h2_info{ background:url(../image/h2/h2_info.png) no-repeat;}
h2#h2_outline{ background:url(../image/h2/h2_outline.png) no-repeat;}
h2#h2_circle{ background:url(../image/h2/h2_circle.png) no-repeat;}
h2#h2_plan{ background:url(../image/h2/h2_plan.png) no-repeat;}
h2#h2_list{ background:url(../image/h2/h2_list.png) no-repeat;}



/*===============================================
　　　　　　　　　　#h3,h4,h5,h6
===============================================*/

h3{
	background:url(../image/h3.png) no-repeat 0 0;
	font-size:15px;
	color:#9d8f8f;
	width: 660px;
	height: 34px;
	line-height: 36px;
	margin: 20px auto 10px;
	padding-left: 30px;


}

h4{
	line-height:34px;
	height: 30px;
	font-size:1em;
	color:#8e8787;
	padding-left: 18px;
	margin:15px auto 10px;
	background:url(../image/h4.png) no-repeat 0 bottom;
}

h4.faq{
	background:#ab9276;
	width:900px;
	height:40px;
	line-height:40px;
	font-size:1.8em;
	color:#fff;
	padding-left: 10px;
	margin:20px auto 20px;
	clear:both;
	border:none;

}

p.pink, h4.overseas_entry {
	color:#775a5a;
	background:url(../image/h4_p.png) no-repeat #ffebef 0 bottom;
}

#faq_body h4{
	color:#775a5a;
	background:url(../image/h4_p.png) no-repeat #fffef0 0 bottom;
	}
.doubleline {
    background-position: left bottom;
    height: auto;
    line-height: 24px;
    padding-bottom: 5px;
}

h5{
    background: #fff3f3 url("../image/h5.png") no-repeat scroll 0 0;
    color: #665555;
    font-size: 14px;
    height: 20px;
    line-height: 14px;
    margin-bottom: 5px;
    margin-top: 15px;
    padding-left: 30px;
    padding-top: 10px;
}



h6 {
    border-bottom: 1px solid #f83285;
    border-left: 5px solid #f83285;
    clear: both;
    font-size: 1em;
    line-height: 125%;
    margin: 5px 10px 0 7px;
    padding: 2px 0 3px 5px;
    text-align: left;
}


/*===============================================
　　　　　　icon, button
===============================================*/
.icon_new {
	background:rgb(255, 51, 102);
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 1px 5px 0px 5px;
	font-size: 11px;
	margin: 0px 5px 0px 5px;
}



#main a.btn_red {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f0bdb3 0%, #ff8f8f 100%) repeat scroll 0 0;
    border: 1px solid #ee7676;
    border-radius: 5px;
    color: #fffbf7;
    font-weight: bold;
    outline: medium none;
    padding: 3px 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}


a.button , a.bigbutton {
	display: inline-block;
	outline: none;
	padding: .3em 1em .40em 1em;
	cursor: pointer;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ　Pro W3", "ＭＳ Ｐゴシック", Verdana;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	color:#fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

}

a.bigbutton {
	display: inline-block;
	outline: none;
	padding: 1em 1em 1em 1em;
	cursor: pointer;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ　Pro W3", "ＭＳ Ｐゴシック", Verdana;
	font-size:1.1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	color:#fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
}


/*===============================================
　　　　　　 #circle以外の設定
===============================================*/

#circle_online{
	width: 630px;
	margin: 20px 0px 0px 10px;
	padding:20px;
	border:2px solid #eb6368;
	/*background-color: #fff834;*/
}

#circle_online_gray{
	width:650px;
	margin: 20px 0px 0px 10px;
	padding:10px;
	border:2px solid #ccc;
	/*background-color: #fff834;*/
}

#circle_online_bt{
	display:block;
	position:absolute;
	background:url(../image/circle_online.png) no-repeat;
	width:50px;
	height:50px;
	margin-top:-40px;
	margin-left:-40px;
}

.btn_online{
    width:300px;
    height:60px;
    display:block;
    background:url(../image/button_online.png) left top no-repeat;
	margin:auto;

}
.btn_online:hover{
    background-position:right top;
}

.btn_mail{
    width:300px;
    height:60px;
    display:block;
    background:url(../image/button_mail.png) left top no-repeat;
    margin:auto;
    text-indent:-9999px;
}
.btn_mail:hover{
    background-position:right top;
}

/*住所囲み*/
#add{
	width:640px;
	background:#f0f0f0;
	border:solid 2px #ccc;
	margin-left:10px;
	margin-bottom:10px;
	text-align: center;
	font-weight: bold;
	padding:10px;
}

/*===============================================
　　　　　　　　　　#update
===============================================*/
#update{
	background:url(../image/update_area.png) no-repeat;
	width: 695px;
	height: 225px;
	margin: 0 auto 5px;

}

#update_area{
	position:absolute;
	width: 627px;
	height: 125px;
	outline:none;
	overflow: scroll;
	overflow-x: hidden;
	line-height:1.5em;
	margin: 65px 0 0 34px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ　Pro W3", "ＭＳ Ｐゴシック", Verdana;
	font-size:16px;
}

#update_area dl {
	width:960px;
	padding-left:0px;
}


#update_area dl dt {
	position:relative;
	color:#dca4a4;
	width:115px;
	height:20px;
	font-weight:bold;
	font-size:90%;
	text-align: left;
}

#update_area dl dd ~ dt {
	}

#update_area dl dd {
	text-indent: 0px;
	padding-left: 5px;
	margin: -20px 0px 5px 110px;
	color: #555;
	width: 495px;
	font-size: 90%;
	text-align: left;
}



/*===============================================
　　　　　　　　　　#schedule
===============================================*/
#schedule{
	width:686px;
}

#schedule p.notplan {
	margin:0 0 10px 10px;
	font-size:11px;
}
#sche_top{
	background:url("../image/sch_top.png") 0 0 no-repeat;
	width: 692px;
	height: 80px;

	}

#sche_main {
	background:url("../image/sch_main.png");
	background-repeat:repeat-y;
	background-position:0 0;
	padding: 2px 35px;
	width: 625px;
}

#sche_bottom {
	background:url("../image/sch_bottom.png") 0 0 no-repeat;
	height:35px;
	background-position:0 0;
	margin-bottom:10px;
	width:692px;}


#sche_area{
	position:absolute;
	width:465px;
	height:auto;
	outline:none;
	line-height:1.5em;
	margin:0px 0 0 10px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ　Pro W3", "ＭＳ Ｐゴシック", Verdana;
	font-size:16px;
}


#sche_main dl dt {
	position:relative;
	width:5px;
	height:26px;
	text-indent: -9999px;
	float:left;
}


#sche_main dl dd ~ dt {
	}

#sche_main dl dd {
	padding-left: 75px;
	padding-bottom:10px;
	margin-bottom: 15px;
	color:#555;
	width: 545px;
	border-bottom:1px dotted #c3c2c2;
	font-size:14px;

}

/**schedule icon*/
.tokyo_icon{
	width:65px;
	height:30px;
	background:url(../image/icon_tokyo.png) no-repeat top center;
	float:left;
}

.west_icon{
	width:65px;
	height:30px;
	background:url(../image/icon_osaka.png) no-repeat top center;
	float:left;
}

.nagoya_icon{
	width:65px;
	height:30px;
	background:url(../image/icon_nagoya.png) no-repeat top center;
	float:left;
}

.sendai_icon{
	width:65px;
	height:30px;
	background:url(../image/icon_sendai.png) no-repeat top center;
	float:left;
}

.fukuoka_icon{
	width:65px;
	height:30px;
	background:url(../image/icon_fukuoka.png) no-repeat top center;
	float:left;
}


.sapporo_icon{
	width:65px;
	height:30px;
	background:url(../image/icon_sapporo.png) no-repeat top center;
	float:left;
}

.hiroshima_icon{
	width:65px;
	height:30px;
	background:url(../image/icon_hiroshima.png) no-repeat top center;
	float:left;
}

.taiwan_icon{
	width:65px;
	height:30px;
	background:url(../image/icon_taiwan.png) no-repeat top center;
	float:left;
}


/*===============================================
　　　　　　　　　　#snstimeline
===============================================*/
#snstimeline{
	width:980px;
	height:450px;
	margin:20px auto 10px;
	clear:both;
	display:block;
}

#snstimeline h2{
	width:480px;
	height:30px;
	margin-bottom:5px;
	text-indent: -9999px;
}

#snstimeline h2#h2_tw{background:url(../image/h2_tw.png) no-repeat;}
#snstimeline h2#h2_fb{background:url(../image/h2_fb.png) no-repeat;}

#snstimeline #tw{
	width:480px;
	height:450px;
	float:left;
	margin-right:20px;
}

#snstimeline #fb{
	width:480px;
	height:450px;
	float:left;
}

#instagram{
	width:980px;
	height:auto;
	margin:10px auto 10px;
	clear:both;
	display:block;
	}

#instagram h3{
	margin-top:-10px;
}

/*===============================================
　　　　　　　　　　#enjoy
===============================================*/
#enjoy{
	width:980px;
	margin:auto;
}

#enjoy ul{
	width:980px;
	height:225px;
	clear:both;
	margin:0 0 10px 5px;
	}

#enjoy ul li{
	float:left;
	width:225px;
	height:225px;
	margin: 0 10px 0;
	text-indent:-9999px;
	transition: background-image 1s;
	}

#enjoy ul li.enjoy01{background:url(../image/enjoy_01.png) no-repeat;}
#enjoy ul li.enjoy02{background:url(../image/enjoy_02.png) no-repeat;}
#enjoy ul li.enjoy03{background:url(../image/enjoy_03.png) no-repeat;}
#enjoy ul li.enjoy04{background:url(../image/enjoy_04.png) no-repeat;}

#enjoy ul li:hover{
	transition: background-image 1s;
}

#enjoy ul li:hover.enjoy01{background:url(../image/enjoy_01_on.png) no-repeat;}
#enjoy ul li:hover.enjoy02{background:url(../image/enjoy_02_on.png) no-repeat;}
#enjoy ul li:hover.enjoy03{background:url(../image/enjoy_03_on.png) no-repeat;}
#enjoy ul li:hover.enjoy04{background:url(../image/enjoy_04_on.png) no-repeat;}



/*===============================================
　　　　　　　　　　#kikaku_bn
===============================================*/
#kikaku_bn{
	width:980px;
	height:120px;
	margin:10px auto 10px;
}

#kikaku_bn ul li{
	float:left;
}

/*===============================================
　　　　　　　　　　#company_bn
===============================================*/
#company_bn{
	text-align:center;
	position:relative;
	background:#f6f2e5;
	width: 940px;
	height:auto;
	margin: 20px auto 20px;
	padding:10px 20px 13px 20px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

#company_bn img{
	text-align:center;
	margin: 0px 5px 0px;
}

#company_bn h3{
	width:930px;
	padding-left:0px;
	margin:0 auto 20px;}

/*===============================================
　　　　　　　　　　#newyear
===============================================*/
#newyear{
	text-align:left;
	position:relative;
	background:#fff;
	width: 600px;
	height:auto;
	margin: 20px auto 20px;
	padding:10px 20px 13px 20px;
	overflow-x:hidden;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

#newyear img{
	text-align:center;
	margin: 0px 5px 0px;
}

#newyear h3{
	background: #784242 none no-repeat scroll 0 0;
	color:#fff;
	width:600px;
	padding-left:0px;
	text-align:center;
	margin: 10px auto 20px;}

#newyear ul{
	width:900px;
	margin:0 auto 0;
}

#newyear ul li{
	background:url(../image/li.png) no-repeat;
	background-position: left;
	padding-left:20px;
	line-height:20px;
}

#newyear strong{
	color:#940002;
	}

#newyear_index{
	width:800px;
	background-color:#fff;
	margin: 0 auto 20px;
	text-align:center;
	border:2px solid #DF0003;
	padding:3px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	color:#DF0003;
	font-size:120%;
	font-weight:bold;
	}

/*===============================================
　　　　　　　　　　#media
===============================================*/
#media{
	text-align:center;
	position:relative;
	background:#f6f2e5;
	width: 940px;
	height:auto;
	margin: 20px auto 20px;
	padding:10px 20px 20px 20px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

#media h3{
	width:930px;
	padding-left:0px;
	margin:0 auto 0;}

#media img{
	text-align:center;
	margin: 0px 5px 0px;
}

#media dl{
	width:900px;
	margin:0 auto 0;
}

#media dt{
	float:left;
	}

#media dd{
	margin-left:100px;
	}

#media #magazine dt{
	width:150px;
	height:auto;
	text-align:center;
	float:left;
	margin:0 10px 10px 0;
	}


#media ul{
	width:900px;
	margin:0 auto 0;
}

#media ul li{
	background:url(../image/li.png) no-repeat;
	background-position: left;
	padding-left:20px;
	line-height:20px;
}

/*===============================================
　　　　　　　　　　#footer
===============================================*/
#footer{
	width:100%;
	background:url(../image/footer.png) repeat;
	height:105px;
	padding: 0px 0 0 0px;
	font-size: 12px;
	color:#fff;
	position:relative;
	bottom:0;
}

#footer_inner {
	margin: 0 auto;
	position: relative;
	padding: 10px 20px 0 0;
}

#footer a{
	border:0;
	color:#ffdddd;
}

#footer a:hover{
	text-decoration:underline;
	color:#fff;
}

/*===============================================
　　　　　　　 #pagetopボタン設定
===============================================*/
#pagetop {
	background: url(../image/pagetop.png) no-repeat;
	width: 66px;
	height: 66px;
	position: fixed;
	right: 20px;
	bottom: 100px;
	text-indent: -9999px;
	float:right;

}


#pagetop a{
	width: 66px;
	height:66px;
	margin: 0 auto;
	float:right;
	}
/*==============================================
floating
==============================================*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(8%);
	}
	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(8%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}


/*====================
連絡先アイコン達
====================*/
p.add{
    border:2px solid #f0bdb3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin:10px 30px 10px 25px !important;
    padding:8px 8px 8px 51px !important;
    background-color:#fffcda;
    background-repeat:no-repeat;
    background-position:10px center;
    position:relative;
    min-height:28px;}

.big{
    font-size:1.5em;}
.small{
	font-size:11px;}

.post{
    background-image:url("../image/icon_post.png");}
.mail{
    background-image:url("../image/icon_mail.png");}
.tel{
    background-image:url("../image/icon_tel.png");}
.fax{
    background-image:url("../image/icon_fax.png");}


/*=====================cir_tab=====================*/

body#intro #area_main,body#circle #area_main,body#wanted #area_main{
	position:relative;}

/*=====================cir_tab=====================*/
#tab{
	width:711px;
	height:50px;
	margin: 0 0px 0 -12px;
	position:relative;}
#tab p{
	font-size:0.9em;
	float:right;
	margin-right:10px;}
#circle #tab p{
	margin-top:-3px;
	max-width:360px;}

/*-----------tab-----------*/
#tab ul#tab_navi{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	height:35px;
	background-image:url("../image/tab_line.gif");
	background-repeat:repeat-x;
	background-position:0 bottom;
	background-color:#eee}

#tab ul#tab_navi li{
	float:left;
	margin:0 0 0 5px;
	padding:0;
	background: none;
	}
#tab ul#tab_navi li:first-child{
	margin-left:15px;
	}
#tab ul#tab_navi li a{
	width:auto;
	height:23px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	padding:7px 10px 0 10px;
	text-decoration:none;}
.tab_off_left{
	width:5px;
	height:35px;
	display:block;
	background-image:url("../image/tab_off_left.png");
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;}
.tab_off_right{
	width:5px;
	height:35px;
	display:block;
	background-image:url("../image/tab_off_right.png");
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;}
.tab_off_bg{
	width:auto;
	height:35px;
	display:block;
	background-image:url("../image/tab_off_bg.jpg");
	background-repeat:repeat-x;
	background-position:0 0;
	float:left;}
/*
.tab_off_bg a{
	color:#000;}
.tab_off_bg a:hover{
	color:#d20029;}
*/
.tab_on_left{
	width:5px;
	height:35px;
	display:block;
	float:left;
	background-color:#fff;
	background-image:url("../image/tab_on_left.png");
	background-position:0 0;
	background-repeat:no-repeat;}
.tab_on_bg{
	width:auto;
	height:35px;
	float:left;
	background-color:#fff;
	background-image:url("../image/tab_on_bg.jpg");
	background-repeat:repeat-x;
	background-position:0 0;}
.tab_on_right{
	width:5px;
	height:35px;
	display:block;
	float:left;
	background-color:#fff;
	background-image:url("../image/tab_on_right.png");
	background-position:0 0;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#d20029;}



/*---------about----*/
.pic01{
  width: 370px;
  height: 259px;
  margin: 0 7px 2px -4px;
  float:left;

}


.pic02 {
    width: 370px;
    height: 261px;
    float:right;
    margin: -2px -4px 0 6px;
}


.pic03 {
    width: 690px;
    height: 295px;
    float:right;
	margin: 22px 0 11px;
}


/*chrome only */
@supports (-webkit-appearance:none)
{
.pic03 {
    width: 690px;
    height: 295px;
    float:right;
	margin: 22px 0 11px;
}
}

/*====================
ダウンロード用
====================*/
#cat {
    background: rgba(0, 0, 0, 0) url("../image/dl/cat.jpg") no-repeat scroll center top;
    clear: both;
    height: 180px;
    padding: 45px 20px 0 180px;
    width: 480px;
}

.cat_text { margin-top: 45px;
}

#dl_buttan{
	height: 40px;
    margin-top: 15px;
	}

#pro a {
    background: rgba(0, 0, 0, 0) url("../image/dl/pro.jpg") no-repeat scroll 0 center;
    float: left;
    height: 35px;
    width: 339px;
}

#ama a {
    background: rgba(0, 0, 0, 0) url("../image/dl/ama.jpg") no-repeat scroll 0 center;
    float: left;
    height: 35px;
    width: 339px;
}

#dwonload h5 {margin-bottom: 10px;}

#dwonload .tokyo_icon,
#dwonload .osaka_icon,
#dwonload .nagoya_icon,
#dwonload .fukuoka_icon,
#dwonload .sendai_icon,
#dwonload .sapporo_icon,
#dwonload .hiroshima_icon{
	margin: 0 0 0 28px;

}



#dwonload #hanyo_right ol.rounded-list p {
    background-color: #fffde3;
}

#dwonload ol{
margin:15px 0 0 10px;
}


#dwonload li#print{
padding-top:5px;
}

.print1{
width:433px;
height:234px;
background:url(../image/dl/print1.jpg) no-repeat 0%;
}

.print2{
width:319px;
height:334px;
background:url(../image/dl/print2.jpg) no-repeat 0%;
margin-bottom:15px;
}

.print3{
width:364px;
height:509px;
background:url(../image/dl/print3.jpg) no-repeat 0%;
margin-bottom:15px;
}

.print4{
width:450px;
height:310px;
background:url(../image/dl/print4.jpg) no-repeat 0%;
margin-bottom:15px;
}

/*******/
#choice ul{
	width:600px;
	text-align:center;}

#choice ul li{
	display:inline;

	}

.box_ws {
    margin: 10px 0 10px 4px;
    background: #fffacd;
    width: 690px;
}
.box_ws .box-title {
    font-size: 1em;
    background: #FF8F8F;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_ws p {
    padding: 10px 10px;
    margin: 0;
}

/*===============================================
　　#荷物保管室お知らせ
===============================================*/

.box_news {
    margin: 0.5em 0;
    background: #fff;
	border: #FF8F8F solid 1px;
}
.box_news .box-title {
    font-size: 1.1em;
    background: #FF8F8F;
    padding: 1px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_news p {
    padding: 0 20px;
    margin: 0;
}
.box_news ul ,#bag_area ul {
    padding: 0 20px;
    margin: 0;
	font-size:0.9em;
}
.box_news ul li ,#bag_area ul li{
  position: relative;
  padding-left: 11px;
  background:none;
}
.box_news ul li::after ,#bag_area ul li::after{
  display: block;
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #ff8f8f;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*===============================================
　　　　　申込ダウンロード注意書き
===============================================*/

.app_dl {
    background: #FFF;
    border: solid 2px #FF5A80;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.app_dl p {
    margin: 0; 
    padding: 0;
}

/*====================
WordPress向け設定
====================*/

/* 画像の回り込み */
.alignnone {
padding: 4px;
margin: 0px 15px 0 15px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 4px;
}
.alignright {
float: right;
display: inline;
padding: 4px;
margin: 0px 15px 0 15px;
}
.alignleft {
float: left;
display: inline;
padding: 4px;
margin: 0px 15px 0 15px;
}