/*
@media以外の所は全てのサイズで読み込まれます。
*/

body{color:#555555;}

/*電話番号領域*/
#telContent{
	width: 300px;
	float: right;
	font-size: 14px;
	margin-top: 25px;
	clear: both;}

/*電話番号色指定*/
.telcolor{
	color: #327ab2;
	margin-top: -5px;
	margin-bottom: -5px;
	font: 36px "Arial Black";}


.top-icon:before{
	font-family: FontAwesome;
	content: '\f015';
	display: inline-block;
	padding: 0 .4em 0 0;}
	
	
/*フッター領域*/
#footer{
	width:100%;
	text-align: center;
	padding-top: 100px;
	font-size: 12px;
	clear: both;}

/*メニュー設定*/
#menu{
	padding-top: 15px;
	width: 100%;
	overflow: hidden;}

#menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
padding-right:10px;
float: right;}

#menu li{ 
display: inline; 
padding: 0; 
margin: 5px; 
float: left;}

#menu li a{
display: block; 
border-left: 3px solid #ffffff;
padding: 3px 10px;
text-decoration: none;
color: #555555;
margin: 1px 0px;
text-align: left;
font-size: 14px;}

#menu li a:hover{
border-left: 3px solid #e0f217;}


#youtube iframe{
	width: 95%;
	padding-left: 20px;	
	padding-right: 20px;}
	
#youtube p{	padding-left: 15px;
margin:-1px;}

/*… 未訪問のリンク*/

a:link { color: #484848; } 
a:link.site { color: #484848;
	text-decoration: none ; } 
a:link.map{ color: #ffffff;
	text-decoration: none ; } 

/*… 訪問済みのリンク*/
a:visited { color: #484848; } 

a:visited.site {
	color: #666666;
	text-decoration: none;} 

a:visited.map{ color: #ffffff; 
	text-decoration: none ;} 

/*… ポイント時のリンク*/
a:hover { color: #999999; } 
 
a:hover.site { color: #cccccc; 
	text-decoration: none; } 
	
a:hover.map { color: #cccccc; 
	text-decoration: none; } 


/* … 選択中のリンク*/
a:active { color: #999999; }

a:active.site { color: #cccccc; 
text-decoration: none;}

a:active.map { color: #cccccc; 
text-decoration: none;}
#pmenu a:link{
	 color:#0460B5;
	text-decoration: none;
}
#pmenu a:active{
	 color:#759FC7;
	
}

#topcontent_f{
	margin-right: 30px;
	margin-left: 20px;}


/*	新着情報の日付*/
.newsDay{margin-bottom: 3px;}

/*	新着情報の記事*/
.newsItem{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 14px;
	color: #484848;
	padding-bottom: 10px;
	margin-bottom: 2px;
	margin-top: -5px;}

/*//////製品情報設定///////*/
.line{
	width:100%;
	height: 18px;
	color: #FFFFFF;
	background-color: #002F45;
	vertical-align: middle;
	margin: 0 auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;}

/*/リモートページ<li>インデントの調整//*/
.remoteli{
  padding-left: 20px;}





@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
#content{
display:block;
float:both;}


#con-menu{
	padding-top: 15px;
	max-width: 100%;
	margin: 0 auto;
	text-align:center;
	overflow: hidden;}
	
	.P_menu, #news_menu{
	width: 100%;
	float: left;
	padding-left: 15px;
	padding-bottom:20px;}
 
 #P_center{margin-left: 5px;}
	
	
  div#V_center{
	width: 100%;
	float: left;
	margin-bottom:20px;
	line-height: 1.5em;
	clear:both;}
	
}
	
	

@media screen and (min-width:481px) and ( max-width:920px) {
    /*　画面サイズが481pxから920pxまではここを読み込む　*/

/*///////Newsの年号設定///////*/



#con-menu{
	padding-top: 15px;
	max-width: 100%;
	margin: 0 auto;
	text-align:center;
	overflow: hidden;}
	
	
/*////////仕様の枠///////*/
   
.P_menu, #news_menu{
	width: 100%;
	padding-bottom:20px;}

/*////////リンクの枠///////*/

 #link{
	max-width: 85%;
	font-size: 14px;
	color: #666666;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	line-height: 1.5em;  }

 
  #spec{
	font-size: 14px;
	color: #666666;
	float: left;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 10px; }

 .P_middle{
	max-width: 100%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	line-height: 1.5em;
	clear: both;} 
 
 
   div#P_right{
		max-width: 93%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	line-height: 1.5em; }
 
  div#V_center{
	width: 100%;
	margin-bottom:20px;
	line-height: 1.5em;
	clear:both; }
 
 div#V_right{
	width: 100%;
	margin-bottom:20px;
	line-height: 1.5em;
	clear:both; }
 
.mapclass{margin-left:5px;}

#news_menu ul{
    padding: 0;
    margin: 0;
    width: 100%;
}

.news_year li {
   
    margin: 0;
    float: left;
    width: 16.6%;
    box-sizing:border-box;
    display: block;
    text-align: center;
   list-style: none;
	font-size: 16px;
	border-bottom: 1px dotted #999;
	padding: 10px;
	margin-right: 20px;
	font-weight: bold;
	
    }

}





@media screen and (min-width:921px) {
    /*　画面サイズが921pxからはここを読み込む　*/
#content{
display:inline-block;
float:both;}


#contentL{
width:68%;
float:left;}

#contentR{
width:28%;
float:left;
clear:right;
font-size:14px;}



#spec{
	font-size: 14px;
	color: #666666;
	float: left;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	max-width: 600px;
	line-height: 1.5em; }
  
.P_menu{
	width: 350px;
	float: left;
	clear: right;
	padding-right:10px;}

#news_menu{
	width: 220px;
	float: left;
	padding-right:20px;}

.mapclass{
	margin-left:30px;}


}


@media screen and (min-width:1150px) {
    /*　画面サイズが1150pxからはここを読み込む　*/
#content{
display:inline-block;
float:both;}


#contentL{
width:68%;
float:left;}

#contentR{
width:28%;
float:left;
clear:right;
font-size:14px;}

.P_menu{
	width: 350px;
	float: left;
	clear: right;
	padding-right:10px;}

#news_menu{
	width: 220px;
	float: left;
	padding-right:20px;}

#spec{
	font-size: 14px;
	color: #666666;
	float: left;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 20px;
	max-width: 880px;
	line-height: 1.5em; }

  
.P_middle{
	max-width: 90%;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	padding-bottom: 10px;
	line-height: 1.5em;
	clear: both;
 }
 
 /*/////リモートビデオ用枠///*/
div#V_center,div#V_right{
	width: 45%;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom:20px;
	line-height: 1.5em;}
 
div#V_right{
margin-top: 30px;
float: left;}
 
 
}

/*mapレスポンシブ対応*/
.ggmap {
	position: relative;
	height: 0;
	overflow: hidden;
	padding: 50px 30px 56.25%;
	margin:20px;}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}
 
div#P_right{
	max-width: 90%;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	line-height: 1.5em;}


/*///アクセス//*/
.mapclass{
	text-align:left;}

/*/////製品情報の画像設定/////*/
 .imgremote{ margin:10px;}

  
/*///////アングル写真の設定/////*/
 .angle{max-width: 609px;}
 
/*///////撮影画像枠の設定/////
 .oya{
 display:table;
 table-layout: fixed;
width:100%;}
  
.photo1{
min-width: 115px;
display:table-cell;
vertical-align:middle ;
text-align: center;}*/

/*////////撮影画像の枠設定///////*/
  .Gallery_top{
	font-size: 14px;
	color: #333333;
	text-align: center;
	border: 1px solid #666666;
	min-width: 120px;
	max-width: 150px;
	float: left;
	padding: 5px;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 5px;
	background-color: #F8F8F8;	 }

img {
    -webkit-transition: all 1s;
    transition: all 1s;}
img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;}

img.grow:hover {
	-webkit-transform:scale(1.4,1.4);
	-moz-transform:scale(1.4,1.4);
	-ms-transform:scale(1.4,1.4);
	-o-transform:scale(1.4,1.4);
	transform:scale(1.4,1.4);}


/*////////表の全体の枠///////*/
#variable_table{
	width: 100%;
	display: table;}
	
#item_name,#item_details{display: table-cell;}	
	
/*////////項目名///////*/
#item_name{
	width: 225px;
	background-color: #FFCC66;}
	

	
#item_details{
	background-color: #CCCCCC;}

/*////////仕様の表///////*/


td.tleft_start,td.tcenter_start{
	background-color: #ECECEC;
	color: #5A5A5A;
	line-height: 1.5em;
	border-top-width: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #8A8A8A;
	border-right-color: #A0A0A0;
	border-left-color: #A0A0A0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0A0A0;
	margin: 5px;
	padding: 5px;}

td.tleft,td.tcenter{
    background-color: #ECECEC;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-left-color: #A0A0A0;
    border-right-color: #A0A0A0;
    border-top-color: #85B4CF;
    color: #5A5A5A;
    line-height: 1.5em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #A0A0A0;
    padding: 5px;
}

td.tcenter_start{
    background-color: #F4E5E9;
    color: #5A5A5A;
   border-right: 1px solid #A0A0A0;
    border-right-color: #A0A0A0;
    border-bottom-color: #A0A0A0;
    border-top: 3px solid #D580A5;
}

td.tcenter,td.tcenter_start{
    background-color: #FCEEF4;
    color: #5A5A5A;
    border-left-width: 0px;	
}


	
td.tright_start{
	background-color: #ffffff;
	color: #5A5A5A;
	line-height: 1.5em;
	border-top-width: 3px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000066;
	border-right-color: #A0A0A0;
	border-left-color: #A0A0A0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0A0A0;
	margin: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;}


td.tright{
	background-color: #ffffff;
	
	border-right-width: 1px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	
	border-color: #A0A0A0;
	color: #5A5A5A;
	line-height: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0A0A0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;}


/*沿革*/	

.outline_year{
	margin-left: 30px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
	border-left: 4px solid #9FC89D;}

.outline_con{
	margin-left: 30px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;	}

/*########greeting page�ݒ�########*/

.greeting{
	width : 90%;
	font-size: medium;
	color: #666666;
	height: auto;
	padding-top: 10px;
	padding-left: 30px;
	margin-top: 0px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height:1.8;}

.greetingtable{overflow:auto;}



/*##########ニュース##############*/
.outline_title{
	font-size: x-large;
	color: #3399FF;
	font-weight: bold;
	width : 450px;
	margin-left: 10px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	height: auto;	}

.news_year{
	font-size: 10pt;
	line-height: normal;
	font-weight: bold;
}
.news_name{text-align-last: right;
	font-weight: 400;
	padding-top:15px;
	padding-bottom: 15px;
}

.icon{
	
	font-weight: bold;}

.P_menu li a{
	display:block;
	text-decoration:none;
	color:#367cb6;}

.P_menu li a:hover{
	display:block;
	text-decoration:none;
	color:#a2c2d2;}
/*サブメニュー領域*/
.mukta-malar-light {
  font-family: "Mukta Malar", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.mukta-malar-regular {
  font-family: "Mukta Malar", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.mukta-malar-medium {
  font-family: "Mukta Malar", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.mukta-malar-semibold {
  font-family: "Mukta Malar", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.mukta-malar-bold {
  font-family: "Mukta Malar", sans-serif;
  font-weight: 700;
list-style: none;
	font-size: 16px;
	border-bottom: 1px dotted #999;
	padding: 7px;
	margin-right: 20px;
  font-style: normal;
	text-decoration: none;
	font-color:#456782;
}

.mukta-malar-extrabold {
  font-family: "Mukta Malar", sans-serif;
  font-weight: 800;
list-style: none;
	font-size: 16px;
	border-bottom: 1px dotted #999;
	padding: 10px;
	margin-right: 20px;
  font-style: normal;
}
	
/*■■■■サイトマップCSS■■■■■■*/

/*サイトマップの枠*/
.sitemap_waku{
	font-size: 12px;
	width: 134px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	height: 750px;}
	

	.sitemap_title{
	font-size: 16px;
	font-weight: bold;
	color: #181818;	}



/*###########余白の大きさ設定##############*/
.sitemap-break {
   break-after: column;
   
   -moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}


#commentForm    {
    width: 98.5%;
	padding-top:30px;
	padding-left:20px;
	}


#set {
	padding-top:30px;
	margin:auto;}


/* タイトル部分に使用*/
#commentForm div.bottom{
    margin-bottom: 10px;
}
 
/* タイトル部分に使用*/
#commentForm  .background{
	background-color: #D5D8EC;
	padding: 0 5px;
	margin-bottom:15px;
	height: 30px;
	line-height: 30px;
}

/* 項目名の背景色*/
#commentForm table{ border-collapse:collapse;}

#commentForm  .left{
	background-color: #F4EBD5;
	padding-left: 10px;
	border: 1px solid #996;
	padding-top: 5px;
	padding-bottom: 5px;	
}
#commentForm  .right{
	background-color: #FFFFFF;
	padding-left: 10px;
	border-top: 1px solid #996;
	border-right: 1px solid #996;
	border-bottom: 1px solid #996;
	padding-top: 5px;
	padding-bottom: 10px;	
}




/* 列の開始設定*/
#commentForm div.set{
    padding: 5px 40px;
		}
 
/* テキストの開始設定*/
#commentForm span{
    padding: 0 10px;}
/* チェックボックスの間隔設定*/
#commentForm span.check_type{
    padding: 0 5px;}
 
 
/* メール欄高さ設定*/ 
#commentForm div.left_mail,
#commentForm div.right_mail{
    height:65px;
    padding-top: 10px;}

/* メール欄空白設定*/
.space_mail{
 
    margin-top: 10px;}

 
 
/* ご質問内容の部分設定 */
#commentForm textarea   {
    width: 90%;
    height: 120px;
    margin-top: 10px;}
/* input type="text"部分設定 */
#commentForm input#name01,
#commentForm input#mail01,
#commentForm input#mail02,
#commentForm input#tel01,
#commentForm input#campany01,
#commentForm input#post01{
    width: 50%;}
 
 
/*■■■■■メールフォームCSS■■■■■■*/
 
/* メールフォーム必須エラー箇所部分---- */
.error input , 
.error textarea , 
.error label {
    background:#FFCCCC;}
.error input , 
.error textarea {
    margin-left:10px;}
 
* html div.error label {
    background:none;}
* html div.error label{
    background:none;}
p.error{
    margin:0;
    color:red;
    font-weight:bold;
    margin-top :-30px;
    padding: 0 10px;}
	
/*========//commentForm=========*/

/* テーブル
table.form {
	border: 1px solid #7777bb;
	border-collapse: collapse;
	margin-top: 1em;}
	
table.form th, table.form td {
	text-align: left;
	border: 1px solid #7777bb;
	padding: 8px;
	font-weight: normal;}
	
table.form th {
	white-space: nowrap;
	background: #cccce6;}
	
table.form td {
	background: #f0f0f0;}*/

/* タイトル装飾*/
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;}

/* メッセージ*/
p.msg {
	color: #dd0000;
	margin: 2em;}
span.msg {color: #dd0000;}

/* 戻りボタン*/
form.back {
	margin-top: 2em;}

/*judge　裁判のページ設定*/
#judge_all{
	width: 900px;
	height:2900px;
	background-color: #FFFFFF;}

#judge_left{width:720px;}

#judge_right{
	width:130px;
	float:right}


.judge_box{
	width:710px;
	border: 1px solid #333333;
	float: left;
	clear: none;
	line-height: 1.5em;
	margin-top: 10px;
	margin-right: 0px;
	_margin-right: 0px;/*IE6用*/
	margin-bottom: 0px;
	margin-left: 10px;
	_margin-left: 5px;/*IE6用*/
	padding-top: 15px;
	padding-right: 20px;
	_padding-right: 5px;/*IE6用*/
	padding-bottom: 5px;
	padding-left: 15px;
	_padding-left: 5px;/*IE6用*/
	font-size: 14px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";}

.judge_title{
	font-size:12pt;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}

.judge_press{font-family: "ＭＳ ゴシック", "Osaka－等幅";}
	
	
/*サイトマップ*/
.bold {font-weight: bold;}


/*販売終了品*/
.days{
	vertical-align: top;
}