@charset "utf-8";

/*
Theme Name: テーマ
Version 1.0
*/ 

@import "base.css";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body{
	padding:0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	color:#000000;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	padding:0;
	width:100%;
}

/*　ヘッダー　
----------------------------------------------------------*/
header{
	width:100%;
}
header h1{
    max-width:960px;
	font-size:80%;
	margin:10px auto;
	padding-left:10px;
}
.h_top{
	width:100%;
	min-height:40px;
	background-color:#1b325f;
}
.h_top_inner{
	max-width:960px;
	margin:0 auto;
	padding-left:10px;
}
.h_top_inner p{
	max-width:95%;
	color:#ffffff;
	font-size:80%;
	line-height:1;
	float:left;
	margin-top:10px;
}
.h_inner{
	max-width:960px;
	color:#1b325f;
	margin:0 auto;
	padding:5px 5px 10px 10px;
}
.online_btn{
	width:15%;
	min-width:160px;
	float:right;
}
.h_inner_r{
	width:60%;
	float:right;
}
.h_tel{
	max-width:231px;
	margin:0 15px 20px 0;
	float:left; 
}
.h_txt01{
    font-size:80%;
	line-height:1.2;
	float:left;
}
/*　ヘッダー　ここまで　
----------------------------------------------------------*/



/*　スライド　2
----------------------------------------------------------*/

#slide2{
   margin:40px 0;
}


/*　フッター　
----------------------------------------------------------*/
footer{
	width:100%;
	margin-top:30px;
}
.f_inner img{
	width:100%;
}
.f_bg{
	height:auto;
	background-color:#f6f6f6;
}
.f_inner{
	max-width:480px;
	font-size:85%;
	line-height:2.5;
	text-align:center;
	margin:0 auto;
	padding-top:25px;
}
.f_address{
	line-height:1.6;
	margin:7px 0;
}
.f_contact{
	max-width:350px;
	margin:5px 5px 10px;
}
.copyright{
	height:25px;
	background-color:#1b325f;
	color:#ffffff;
	font-size:80%;
	text-align:center;
	padding-top:4px;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  共通
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/


img{
	width:100%;
	height:auto;
}

.img_txt{
	width:92%;
	height:auto;
	display:block;
    margin:40px auto 20px;
	padding:0 20px;
}

.floating{
	bottom:0px;
	right:0px;
	position:fixed;
	z-index:1;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  index.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.test{
	margin:0 auto;
}

.news{
	width:90%;
	font-size:85%;
	line-height:2;
	float:left;
	margin:0 0 0 30px;
}

.two{
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  particular.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.particular .main_top{
	width:100%;
	height:200px;
	background-image:url(../img/particular/particular_img00.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.particular h2{
	max-width:960px;
	width:95%;
	margin:0 auto;
	padding-top:120px;
}

.box920{
	width:95%;
	font-size:90%;
	line-height:2;
	margin:20px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  menu.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.menu .main_top{
	width:100%;
	height:200px;
	background-image:url(../img/menu/menu_img00.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
.menu h2{
	max-width:960px;
	width:95%;
	margin:0 auto;
	padding-top:120px;
}
.menu h3{
	margin:40px 0 20px;
}
.menu02{
	line-height:2;
	font-size:95%;
	margin-top:8px;
}


.price{
	color:#b6282e;
	font-size:120%;
}

.line{
	border:1px dotted #dcdddd;
	margin:30px 0;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  company.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.company .main_top{
	width:100%;
	height:200px;
	background-image:url(../img/company/company_img00.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
.company h2{
	max-width:960px;
	width:95%;
	margin:0 auto;
	padding-top:120px;
}
.company h3{
	margin:40px 0 20px;
}
.company section article{
	margin:30px auto;
}
.company table{
	width:100%;
	border-top:1px solid #b5b5b6;
	border-left:1px solid #b5b5b6;
	font-size:85%;
}
.company th , .company td{
	color:#3e3a39;
	border-bottom:1px solid #b5b5b6;
	border-right:1px solid #b5b5b6;
    padding:7px 20px;
}
.company th{
	width:25%;
	background-color:#f7f8f8;
}
.company .map{
	max-width:960px;
	height:450px;
	width:100%;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  contact.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.contact .main_top{
	width:100%;
	height:200px;
	background-image:url(../img/contact/contact_img00.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.contact h2{
	max-width:960px;
	width:95%;
	margin:0 auto;
	padding-top:120px;
}
.contact h3{
	margin:40px 0 20px;
}

.require{
	color:#b6282e;
}
.img_btn{
	width:320px;
	height:60px;
	background-image:url(../img/contact/contact_btn00.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-indent:-9999;
}
.img_btn:hover{
	background-image:url(../img/contact/contact_btn00_on.jpg);
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  パソコン用
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

@media only screen and (min-width: 641px){
body{
	font-size:16px;
}
.sp{
	display:none;
}

/*　スライド　1
----------------------------------------------------------*/
#slideshow {
   position:relative;
   width:100%;
   height:600px;
}
#slideshow li {
   position:absolute;
   height:600px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
}


/*　main
----------------------------------------------------------*/
#main{
	margin:0 auto;
	width:100%;
}

#main section{
	max-width:960px;
	margin:0 auto;
	width:95%;
}

/*　nav
----------------------------------------------------------*/
nav{
	width:600px;
	float:right;
}
nav ul{
	border-left:1px dotted #1b325f;
}
nav ul li{
	border-right:1px dotted #1b325f;
	font-size:90%;
    float:left;
	padding:0 18px;
}
nav ul li a{
	color:#1b325f;
}
nav ul li a:hover{
	color:#f26c4f;
	text-decoration:none;
}
.select a{
	color:#f26c4f;
}

/*　***
----------------------------------------------------------*/
.index h2{
	margin:40px 0 20px;
}

.menu .box234{
	width:234px;
	float:left;
}
.menu .box234 p{
	font-size:75%;
	padding:5px;
}
.box234_4{
	margin-bottom:20px;
}
.box310{
	width:32%;
	height:auto;
	float:left;
	margin-right:1%;
}
.box310 img{
	max-width:310px;
	width:100%;
	height:auto;
}
.box310 p{
	font-size:82%;
	padding:5px;
}
.box310_2{
	width:33%;
	display: inline-block;
}
.box310_2 img{
	max-width:310px;
	width:100%;
	height:auto;
}
.box310_2 p{
	font-size:82%;
	padding:5px;
}
.box382{
	float:left;
}

.box440{
	max-width:440px;
	color:#f26c4f;
	float:left;
	margin-right:2%;
}
.index .box465{
	width:48%;
	height:auto;
	float:left;
	margin-right:2%;
}
.index .box465 img{
	max-width:465px;
	width:100%;
	height:auto;
}
.index .box465 p{
	font-size:82%;
	padding:5px;
}
.menu .box465{
	width:465px;
	height:auto;
	float:left;
	margin-right:15px;
}
.menu .box465 img{
	max-width:221px;
	height:auto;
}
.menu .box465 p{
	font-size:82%;
	padding:5px;
}
.box480_fl{
	width:480px;
	height:273px;
	float:left;
}
.box480_fr{
    width:480px;
	height:273px;
	float:right;
}
.box480_fl p{
	font-size:85%;
	line-height:2;
	float:left;
	padding:40px 45px 0 40px;
}
.box480_fr p{
	font-size:85%;
	line-height:2;
	float:right;
	padding:40px 45px 0 40px;
}
.box545{
	width:545px;
	font-size:85%;
	float:right;
	margin-left:30px;
}
.menu table{
    width:465px;
	border-top:1px solid #b5b5b6;
}
.menu01{
	border-bottom:1px solid #b5b5b6;
	font-size:125%;
	font-weight:bold;
	padding-bottom:5px;
}
.menu01_x{
	font-size:85%;
	font-weight:300;
}

.menu table{
    max-width:465px;
}
.menu th , .menu td{
	font-size:85%;
    padding:10px 0 0;
}
.menu th{
	width:60%;
	text-align:left;
}
.menu td{
	width:40%;
	color:#b6282e;
	text-align:right;
}
.access{
	max-width:900px;
	font-size:85%;
	line-height:2;
	padding:20px 30px;
}
.contact section article{
	font-size:85%;
	line-height:2;
	margin:30px 0 0 25px;
}
.contact table{
	width:100%;
	border-top:1px solid #dcdddd;
}
.contact th, .contact td{
	border-bottom:1px solid #dcdddd;
	padding:20px 0;
}
.contact th{
	width:25%;
	color:#231815;
	vertical-align:text-top;
}
.input_text{
	width:95%;
	height:20px;
	padding:5px;
}
.input_textarea{
	width:95%;
	height:50%;
	font-size:110%;
	padding:5px;
}

/*　news-detail.php用
----------------------------------------------------------*/
.contents{
        max-width:960px;
        margin:20px auto;
}
/*　news.php用
----------------------------------------------------------*/
#newsWrap{
        max-width:960px;
        margin:20px auto;
}

}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  スマホ用
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

@media screen and ( max-width:640px ){
.pc{
	display:none;
}	
.sp{
	display:block;
}	


body{	font-size:20px;  }

/*　スライド　1
----------------------------------------------------------*/

#slideshow {
   position:relative;
   width:100%;
   height:256px;
}
#slideshow li {
   position:absolute;
   height:256px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
}

/*　main
----------------------------------------------------------*/
#main{
	max-width:640px;
	margin:0 auto;
	width:100%;
}
#main section{
	max-width:640px;
	margin:0 auto;
	width:95%;
}
	
/*　nav
----------------------------------------------------------*/
nav{
	max-width:620px;
	min-height:61px;
	margin:3px 0 5px 2px;
}
nav ul{
	height:auto;
	border-left:0px;
}
nav ul li{
	max-width:120px;
	max-height:61px;
    float:left;
	margin:0 2px;
}

/*　***
----------------------------------------------------------*/
.index h2{
	margin:40px 0 20px 15px;
}
.menu .box234{
	width:234px;
	margin-right:15px;
	float:left;
}
.menu .box234 p{
	font-size:110%;
	line-height:1.5;
	padding:5px;
}
.box234_4{
	max-width:500px;
	margin:0 auto;
}
.menu .box234{
	width:234px;
	float:left;
}
.menu .box234 p{
	font-size:90%;
	padding:5px;
}
.box310{
	max-width:310px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.box310 img{
	max-width:310px;
	width:100%;
	height:auto;
}
.box310 p{
	max-width:310px;
	width:100%;
	padding:5px;
	margin:0 auto;
}
.box382{
	width:382px;
	margin:0 auto;
}
.box440{
	max-width:440px;
	color:#f26c4f;
	margin-right:2%;
}
.index .box465{
	max-width:465px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.index .box465 img{
	max-width:465px;
	width:100%;
	height:auto;
}
.index .box465 p{
	max-width:465px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:5px;
}
.menu .box465{
	width:95%;
	height:auto;
	margin:0 auto;
}
.menu .box465 img{
	max-width:221px;
	height:auto;
}
.menu .box465 p{
	font-size:82%;
	padding:5px;
}
.box480_fl , .box480_fr{
	max-width:480px;
	height:auto;
    margin:10px auto;
}
.box480_fl p , .box480_fr p{
	line-height:1.5;
	font-size:115%;
    margin:8px auto 0;
	padding:20px 45px 0 40px;
}
.box545{
	max-width:545px;
	margin:20px auto 5px;
}
.w450{
	max-width:450px;
	width:100%;
	margin:0 auto;
}
.menu01{
	border-bottom:1px solid #b5b5b6;
	font-size:135%;
	font-weight:bold;
	padding-bottom:5px;
}
.menu01_x{
	font-size:85%;
	font-weight:300;
}
.menu table{
    width:100%;
}
.menu th , .menu td{

    padding:10px 0 0;
}
.menu th{
	width:60%;
	text-align:left;
}
.menu td{
	width:40%;
	color:#b6282e;
	text-align:right;
}

.company section article{
	margin:30px 0;
	padding:0 20px;
}
.company table{
	width:100%;
	border-top:1px solid #b5b5b6;
	border-left:1px solid #b5b5b6;
}
.access{
	max-width:900px;
	font-size:120%;
	line-height:2;
	padding:20px 30px;
}
.contact section article{
	font-size:120%;
	line-height:2;
	margin:30px 20px 0 25px;
}
.contact table{
	width:100%;
	border-top:1px solid #dcdddd;
	padding:0 20px;
}
.contact th, .contact td{
	display:block;
	border-bottom:1px solid #dcdddd;
	padding:10px 0;
	float:left;
}
.contact th{
	width:100%;
	color:#231815;
	font-size:120%;
	vertical-align:text-top;
}
.contact td{
	width:100%;
}
.input_text{
	width:95%;
	font-size:120%;
	height:30px;
	padding:5px;
}
.input_textarea{
	width:95%;
	height:50%;
	font-size:120%;
	padding:5px;
}

.two{
	max-width: 465px;
}




/*　news-detail.php用
----------------------------------------------------------*/
.contents{
        max-width:600px;
        margin:20px;
}
/*　news.php用
----------------------------------------------------------*/
#newsWrap{
        max-width:600px;
        margin:20px;
}

}