@charset "utf-8";



/*光陽工業：サイト全体
----------------------------------------------*/
body {
	margin: 0px;padding: 0px;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 14px;
	line-height: 2;	
	background: #fff;
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
ol {padding-left: 65px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}


/*リンク設定
----------------------------------------------*/
a {
	color:#004DA1;	
}
a:hover {
  color: #006CE3;
  text-decoration: underline;
}

a:hover img {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

/*コンテナ
----------------------------------------------*/
#container {
	margin: 0px auto;
	max-width: 1100px;	
}

/*トップライン
----------------------------------------------*/
#topline {
	height: 30px;
  color: #FFF;
  background-color: #004DA1 !important;
  padding-top:  5px;
}


/*ヘッダー
----------------------------------------------*/
header {
	height: 120px;	
	margin-bottom: 30px;	
  background-color: #FFFFFF !important;
  border-bottom: 5px solid #004DA1;
}

#logo img {
	width: 270px;	
	padding: 35px 0px 0px 20px;	
	float: left;	
}

/*メインメニュー
----------------------------------------------*/
#menubar {
	float: right;
	width: auto;
	margin: 20px 20px 0px 0px;
}
#menubar ul {
	overflow: hidden;
  border-right: 1px solid #004DA1;
}
/*メニュー*/
#menubar li {
	float: left;	
	text-align: center;
  width: 120px;
  border-left: solid 1px #004DA1;
  padding-right: 0.15rem;
  padding-left: 0;
}
#menubar a {
	display: block;
	text-decoration: none;
	padding: 0 10px;
	line-height: 90px;	
	border-right: 1px solid #fff;	
	border-right: 1px solid rgba(255,255,255,0.2);
	color:#004DA1f;	
}
#menubar a:hover {
	color:#004DA1;
  border-bottom: 1px solid #004DA1;
}

/*モバイルメニュー非表示*/
#menubar-s {
	display: none;
}

#menubar_hdr {
	display: none;
}


/*メインコンテンツ
----------------------------------------------*/
#main {
	float: left;	
	width: 74%;
	padding-bottom: 30px;
}
/*１カラム時のメインコンテンツ*/
.c1 #main {
	float: none;
	width: 100%;
}
/*mainコンテンツのh2タグの設定*/
#main h1{
position: relative;
padding: 0.5em;
background:#004DA1;
color: #FFF;
margin-top: 15px;
margin-bottom: 25px;
}

#main h1::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

#main h2 {
	clear: both;
  font-size: 16px;
	margin-bottom: 15px;
	color: #FFF;	
	padding: 7px 15px;
	background:#004DA1;	
	background: url(../img/title_bg01.png) no-repeat right top, linear-gradient(#004DA1,#004DA1);
}
/*mainコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	margin-bottom: 15px;
	padding: 4px 15px;
	border: solid 1px #ccc;
	background: -webkit-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
}
/*pタグ設定*/
#main p {
	padding: 0px 15px 14px;	
}
#main h2 + p,
#main h3 + p {
	margin-top: -5px;
}

/*引用部分
----------------------------------------------*/

blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
  	border-radius: 20px;	
}

blockquote:before{
  	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ 明朝', 'MS Mincho',serif;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -3px;
    vertical-align: middle;
    content: "“";
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}

blockquote p {
  font-weight: bolder;
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 1em;
}

/*写真用のボックス
----------------------------------------------*/
/*ボックス１個あたりの設定*/
.photo_list {
	float: left;
	width: 31%;	
	overflow: auto;
	background: #fff;
	margin-left: 1.5%;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	height: 200px;
	line-height: 1.4;
	position: relative;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}

/*ボックス内の画像設定*/
.photo_list .img {
	width: 100%;
	height: 140px;
	padding-bottom: 10px;
}

/*写真の説明文*/
.photo_list p {
	font-size: 12px;
}


/*サブ
----------------------------------------------*/
#sub {
	float: right;
	width: 22%;	
	padding-bottom: 30px;
}
/*１カラム時のサブ*/
.c1 #sub {
	display: none;
}

/*サブ内のメニュー
----------------------------------------------*/
#sub ul.submenu {
	margin-bottom: 15px;
	border-top: solid 1px #e4e4e4;
}
/*メニュー１個ごとの設定*/
#sub ul.submenu li {
	background: #fff;	
	border-bottom: solid 1px #e4e4e4;	
}
#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 2px 10px;
}

/*サブ内のbox1
----------------------------------------------*/
#sub .box1 {
	margin-bottom: 15px;
	background: #eee;
	border: solid 1px #004DA1;
	-webkit-box-shadow: 0px 0px 1px 1px #fff inset;
	box-shadow: 0px 0px 1px 1px #fff inset;
}
/*box1内のメニューの設定*/
#sub .box1 ul.submenu {
	margin-bottom: 0px;
}
/*box1内のh2見出しの設定*/
#sub .box1 h2 {
	border-radius: 0px;
}

/*サブ内のlink
----------------------------------------------*/
#sub .link {
	margin-bottom: 15px;
}
/*linkの設定*/
#sub .link ul.submenu {
	margin-bottom: 0px;
}
#sub .link ul.banner li {
	margin-bottom: 10px;
}



/*PAGE TOP設定
----------------------------------------------*/
#pagetop a {
	clear: both;
	color: #FFF;
	font-size: 25px;
	padding: 0px 20px;
  margin: 10px;
	background: #0080FF;
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 30px;
}

#pagetop a:hover {
	background-color:#004DA1;
	color: #FFF;
}


/*フッター設定
----------------------------------------------*/
footer {
	clear: both;
	color: #FFF;
	text-align: left;
	background: #004DA1;
  background-image: url("../img/footer_back.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:100% 100%;
  padding: 0px 0px 50px 0px;	
  height: 450px;
}

#copyright_left {
  float: left;
  width: 40%;
}

#copyright_left img.logo {
  width: 270px;	
  margin-top: 20px;
}

#copyright_map {
  float: right;	
  width: 50%;
  text-align: center;
  padding: 20px 0px 0px 0px;
}

#copyright_map iframe {
  width: 500px;
  height: 400px;
  }

/*トップの新着情報
----------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	padding-left: 5px;
	margin-bottom: 15px;
}

#new dt {
	font-weight: bold;
	float: left;
	width: 8em;
}

#new dd {
	padding-left: 8em;
}

/*テーブル
----------------------------------------------*/
/*ta1設定*/
.ta1 {
	width: 96%;
	margin: 0 auto 15px;
}
 .ta1 td  {
	border-bottom: 1px solid #E8E8E8;	
	padding: 10px;	
	word-break: break-all;
}

.ta1 th {
	padding: 10px;	
	word-break: break-all;
}

/*テーブル１行目のタイトル*/
.ta1 th.tatitle1 {
	width: auto;
	text-align: left;
  font-size: 16px;
	background: #FFF;
 border-bottom: 3px solid #004DA1;
}
.ta1 th.tatitle2 {
	width: auto;
	text-align: left;
	background: #FFF;
 border-bottom: 1px solid #004DA1;
}

/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;	/*幅*/
	text-align: center;	/*センタリング*/
}
/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
	width: 100%;
}

/*よく頂く質問ページ
----------------------------------------------*/
/*ブロック全体*/
.faq {
	padding: 0px 15px;	/*上下、左右への余白*/
}
/*質問の設定*/
.faq dt {
	color: #007130;	/*文字色*/
	font-weight: bold;	/*太字*/
	padding-top: 15px;
}
.faq dt a {
	color: #007130;	
}
/*回答の設定*/
.faq dd {
	border-bottom: 1px solid #CCC;	/*下線の幅、線種、色*/
	overflow: hidden;
	padding-bottom: 15px;
}


/*トップページのNEWアイコン
----------------------------------------------*/
.newsicon {
	background: #FF8000;
	color: #FFF;
	font-size: 12px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}

/*その他
----------------------------------------------*/
.look {color:#fff;background:#004DA1;padding:5px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.mb30,.mb2em {margin-bottom: 30px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 1em;list-style: disc;}
.color1 {color:#004DA1;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center !important;}
.r {text-align: right !important;}
.l {text-align: left !important;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {
  font-family: 'Anton', sans-serif;
  font-size: 30px;
  letter-spacing: 0.1em;
}
.mini1 {font-size: 11px;}
.sh {display: none;}
hr{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}
.clear{
  clear: both;
 }



/*画面幅1150px以下の設定
=======================================================================================================*/
@media screen and (max-width:1150px){

/*コンテナー（HPを囲むブロック）
----------------------------------------------*/
#container {
	width: auto;
	margin: 0px 2%;
}

}



/*画面幅1000px以下の設定
=======================================================================================================*/
@media screen and (max-width:1000px){

/*メインメニュー
----------------------------------------------*/
#menubar-s {
	margin-bottom: 30px;
	overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;
	text-align: center;
	width: 49.5%;
	margin-right: 1%;
	margin-bottom: 1%;
}
#menubar-s a {
	display: block;
	text-decoration: none;
	line-height: 60px;
	text-align: center;
	border: 1px solid #004DA1;
	padding: 10px 10px;
}
#menubar-s li:nth-child(even) {
	margin-right: 0;
}
/*モバイルメニュー表示*/
#menubar-s {
	display: block;
}
/*PCメニューを非表示*/
#menubar {
	display: none;
}

/*3本線メニューバーアイコン設定
----------------------------------------------*/
/*3本線メニューバーブロック*/
#menubar_hdr {
	display: block;
	position: absolute;
	top: 50px;	
	right: 30px;	
	width: 30px;
	border: 1px solid #004DA1;
	padding: 12px 10px 5px;
}

#menubar_hdr span {
	display: block;
	border-top: 3px solid #004DA1;
	margin-bottom: 7px;	
}

/*main,subコンテンツ
----------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	overflow: hidden;
}

/*サブ内のlink
----------------------------------------------*/

/*linkの設定*/
#sub .link ul.banner li {
  display: inline-block;
  width: 30%;
  padding-bottom: 10px;
  margin-right: 10px;
}


/*フッター設定
----------------------------------------------*/
footer {
	color: #FFF;
	text-align: left;
	background: #004DA1;
  background-image: url("../img/footer_back.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:100% 100%;
  padding: 0px 0px 50px 0px;	
  height: 400px;
}

#copyright_left {
  float: left;
  width: 40%;
}

#copyright_left img.logo {
  width: 270px;	
  margin-top: 20px;
}

#copyright_map {
  float: right;	
  width: 58%;
  text-align: center;
  padding: 20px 0px 0px 0px;
}

#copyright_map iframe {
  width: 400px;
   height: 300px;
  }



/*その他
----------------------------------------------*/
body.s-n #sub {
	display: none;
}

}

/*画面幅600px以下の設定
=======================================================================================================*/
@media screen and (max-width:600px){
#main h2 {
	clear: both;
	margin-bottom: 15px;
  font-size: 14px;
	color: #FFF;	
	padding: 7px 15px;
	background:#004DA1;	
	background: url(../img/title_bg01s.png) no-repeat right top, linear-gradient(#004DA1,#004DA1);
}




/*写真用のボックス
----------------------------------------------*/
/*ボックス１個あたりの設定*/
.photo_list {
	float: none;
	width: 90%;
	height: auto;
}
.photo_list a {
	height: auto;
}
/*ボックス内の画像設定*/
.photo_list .img {
	height: auto;	
}

}



/*画面幅480px以下の設定
=======================================================================================================*/
@media screen and (max-width:480px){

/*全体の設定
----------------------------------------------*/
body {
	font-size: 12px;
	line-height: 1.6;
}

/*ヘッダー（ロゴが入った最上段のブロック）
----------------------------------------------*/
/*ヘッダーブロック*/
header {
	height: 100px;
	margin-bottom: 20px;
}
/*ロゴ画像*/
#logo img {
	width: 260px;
	padding: 10px 0px 0px 20px;	
}

/*メインメニュー
----------------------------------------------*/
/*メニューブロックの設定*/
#menubar-s {
	margin-bottom: 20px;
}

#menubar-s li {
	float: none;
	width: 100%;
	margin-right: 0;
}

/*3本線メニューバーアイコン設定
----------------------------------------------*/
/*3本線メニューバーブロック*/
#menubar_hdr {
	top: 50px;
}

/*サブ内のメニュー
----------------------------------------------*/
#sub ul.submenu li a {
	padding: 10px 10px;
}

/*サブ内のlink
----------------------------------------------*/
#sub .link {
  width: 100%;
  float: left;
  padding-bottom: 1em;
}
/*linkの設定*/


#sub .link ul.banner {
  text-align: center;  
}


#sub .link ul.banner li {
  display: inline-block;
  width: 45%;
  padding-bottom: 10px;
  margin-right: 10px;
}



/*テーブル
----------------------------------------------*/
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 8px;
}



/*フッター設定
----------------------------------------------*/
footer {
	color: #FFF;
	text-align: left;
	background: #004DA1;
  background-image: url("../img/footer_back.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:100% 100%;
  padding: 0px 0px 50px 0px;	
  height: 500px;
}

#copyright_left {
  float: left;
  width: 100%;
}

#copyright_left img.logo {
  width: 220px;	
  margin-top: 20px;
}

#copyright_map {
  float: right;	
  width: 100%;
  text-align: center;
  padding: 20px 0px 0px 0px;
}

#copyright_map iframe {
  width: 100%;
  }


/*フッターメニュー
----------------------------------------------*/
/*ボックス全体*/
#footermenu {
	display: none;
}



/*トップページ新着情報
----------------------------------------------*/
#new dl{
	padding-left: 5px;
	margin-bottom: 15px;
}

#new dt {
	font-size: 10px;
	font-weight: bold;
	float: left;
	width: 6em;
}

#new dd {
	padding-left: 6em;
}

/*トップページのNEWアイコン
----------------------------------------------*/
.newsicon {
	background: #FF8000;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px 0 0;
}


/*その他
----------------------------------------------*/
.ws,.wl {width: 95%;}
img.fr,img.fl {float: none;margin: 0;width: 100%;}
.sh {display: block;}
.pc {display: none;}

}



/*画面幅360px以下の設定
=======================================================================================================*/
@media screen and (max-width:360px){

/*ヘッダー（ロゴが入った最上段のブロック）
----------------------------------------------*/
/*ロゴ画像*/
#logo img {
	padding: 26px 0px 0px 10px;	
}

/*3本線メニューバーアイコン設定
----------------------------------------------*/
/*3本線メニューバーブロック*/
#menubar_hdr {
	right: 15px;
}
  


}