@charset "UTF-8";

/* contents style */

*{
font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
font-size: 14px;
line-height:140%;
}

.c1{
color:#CC0000;
}

body{
font-size: 14px;
width:100%;
background-color:#F3F3F3;
color:#333333;
}

table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
margin-right: auto;
margin-left: auto;

}

.font_s{
font-size:12px;
}


#header{
width:100%;
height:133px;
background-image:url(../cmnfix/header_bk.jpg);
background-repeat:repeat-x;
margin-bottom:20px;
}


#logo{
text-align:center;
padding:0 30px 0;
}

#img_01{
width:272px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

#img_main{
width:300px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

h1 .hide{
display:none;
}

#page_title{
margin-bottom:30px;
}

#img_02{
width:216px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

#greeting{
text-align:center;
margin-bottom:10px;
}
#greeting p{
color:#999999;
font-size:18px;
}

#img_03{
width:300px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

#img_04{
width:300px;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;
}


.title{
width:100%;
margin-right: auto;
margin-left: auto;
margin-bottom:30px;
background: #5b5b5b; /* Old browsers */
background: -moz-linear-gradient(top,  #5b5b5b 0%, #4d4d4d 0%, #1f1f1f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(0%,#4d4d4d), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5b5b5b 0%,#4d4d4d 0%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5b5b5b 0%,#4d4d4d 0%,#1f1f1f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5b5b5b 0%,#4d4d4d 0%,#1f1f1f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5b5b5b 0%,#4d4d4d 0%,#1f1f1f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
border-bottom:solid 3px #CCCCCC;
}

.title h2{
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
color:#fff;
font-size:18px;
padding-top:10px;
}

#tel_btn{
width:86%;
border: 1px solid #CCCCCC;
padding: 15px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666666 0px 2px 3px;
-moz-box-shadow: #666666 0px 2px 3px;
box-shadow: #666666 0px 2px 3px;
background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 1%, #aaaaaa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 1%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 1%,#aaaaaa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 1%,#aaaaaa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 1%,#aaaaaa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
margin-left:auto;
margin-right:auto;
margin-bottom:8px;
}

#tel_btn p{
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
color:#333333;
font-size:18px;
}

nav{
margin-bottom:40px;
}

nav ul a li{
width:86%;
border: 1px solid #CCCCCC;
padding: 15px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #5b5b5b; /* Old browsers */
background: -moz-linear-gradient(top,  #5b5b5b 0%, #4d4d4d 0%, #1f1f1f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(0%,#4d4d4d), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5b5b5b 0%,#4d4d4d 0%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5b5b5b 0%,#4d4d4d 0%,#1f1f1f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5b5b5b 0%,#4d4d4d 0%,#1f1f1f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5b5b5b 0%,#4d4d4d 0%,#1f1f1f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
margin-left:auto;
margin-right:auto;
margin-bottom:8px;
}

nav ul a li p{
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
color:#fff;
font-size:18px;
}


footer{
background-image:url(../cmnfix/footer_bk.jpg);
background-repeat:repeat-x;
width:100%;
height:59px;
}


footer p{
color:#FFFFFF;
font-size:12px;
padding:15px 0;
text-align:center;
}


.center{
text-align:center;
font-size:16px;
padding:8px 0;
color:#fff;
}

.center02{
text-align:center;
font-size:15px;
padding:8px 0;
color:#ffffff;
}



#company{
width:100%;
}



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

.item{
font-size:16px;
text-align:left;
background-color:#FFFFFF;
outline:solid 1px #f18fa9;
margin-bottom:20px;
margin-left:10px;
margin-right:10px;
padding:10px;
}

.title03 {
position: relative;
text-align:center;
color: #ED4F80;
background: #F9C8DB;
font-size: 15px ;
border: 3px solid #FDEEF1;
margin: 10px 10px 23px 10px;
padding: 10px 5px 10px 10px;
border-radius: 3px;
}
.title03:after, .sample2:before {
content: "";
position: absolute;
top: 100%;
height: 0;
width: 0;
}
.title03:after {
left: 40px;
border: 10px solid transparent;
border-top: 10px solid #F9C8DB;
}
.title03:before {
left: 37px; 
border: 13px solid transparent;
border-top: 13px solid #FDEEF1;
}

.item_name{
font-size:18px;
color:#ED4F80;
margin-bottom:5px;
}

.img_bdr{
border:1px solid #999999;
}

/*fb_btn*/
.fb_btn{
margin-bottom:40px;
}

/***********             02 staff                     ***********/


#frame{
margin-bottom:10px;
}

#tex01{
margin:0 10px;
margin-bottom:10px;
}

#frame_bottom{
margin-bottom:60px;
}

.table01{
width:96%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

.icon{
margin-right:10px;
margin-top:5px;
}
.td01{
border-bottom:1px solid #999999;
padding:5px;
}

.td02{
border-bottom:1px solid #999999;
padding:5px;
}
.sns01{
overflow:hidden;
width:100%;
margin-bottom:20px;
}

.sns01 a{
display:block;
}


.facebook_btn{
float:left;
width:44%;
color:#FFFFFF;
text-align:center;
padding:10px 0;
margin-left:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #7D95C7;
background: #466ab5; /* Old browsers */
background: -moz-linear-gradient(top,  #466ab5 0%, #2f477b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#466ab5), color-stop(100%,#2f477b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #466ab5 0%,#2f477b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #466ab5 0%,#2f477b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #466ab5 0%,#2f477b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #466ab5 0%,#2f477b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#466ab5', endColorstr='#2f477b',GradientType=0 ); /* IE6-9 */
}

.mixi_btn{
float:right;
color:#333333;
width:44%;
text-align:center;
padding:10px 0;
margin-right:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #CB9F39;
background: #ffcc00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffcc00 0%, #ff9900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ff9900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffcc00 0%,#ff9900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffcc00 0%,#ff9900 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffcc00 0%,#ff9900 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffcc00 0%,#ff9900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
}

.sns02{
width:100%;
margin-bottom:20px;
}

.sns02 a div{
width:40%;
color:#FFFFFF;
margin-left:auto;
margin-right:auto;
text-align:center;
padding:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #7D95C7;
background: #466ab5; /* Old browsers */
background: -moz-linear-gradient(top,  #466ab5 0%, #2f477b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#466ab5), color-stop(100%,#2f477b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #466ab5 0%,#2f477b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #466ab5 0%,#2f477b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #466ab5 0%,#2f477b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #466ab5 0%,#2f477b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#466ab5', endColorstr='#2f477b',GradientType=0 ); /* IE6-9 */
}

#contents_end{
margin-bottom:60px;
}

/***********             03 manu                     ***********/
.right{
text-align:right;
}

.c_red{
color:#CC0033;
margin-left:8px;
}

.tx_center{
width:100%;
margin-bottom:30px;
}

.tx_center p{
width:100%;
text-align:center;
font-size:18px;
margin-left:10px;
margin-right:10px;
}



/***********             04 profile                     ***********/
#map{
margin-left:10px;
margin-right:10px;
margin-bottom:60px;
}

#map div{
height:350px;
}

/***********             05 movie                     ***********/
.movie{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

.movie iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.movie_coment{
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
	}
	
/***********             06 history                     ***********/
.title02{
width:100%;
background-color:#232323;
}

.title02 p{
font-size:12px;
color:#CCCCCC;
padding-left:10px;
margin-right:10px;
padding:6px 0;
margin-left:10px;
margin-right:10px;
}

.hisutory_image{
width:300px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

.year_title{
width:94%;
margin-left:10px;
margin-right:10px;
outline:solid 3px #CCCCCC;
margin-bottom:20px;
background-color:#333333;
}

.year_title img{
padding:5px 0;
}