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

/*
Theme Name: プレスサポート　オリジナルテーマ
Description: プレスサポート
Version: 1.14(2014/10)
Author: プレスサポート
Author URI: http://www.presssupport.net/
*/


/*======================================================================= */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　common    　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*======================================================================= */

/*=============================================*/
/*              リセット定義　　　　           */
/*=============================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

#main p { margin-bottom:15px;}
#main strong { font-weight:bold;}
body { color: #242424; font-size: 14px; font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; line-height: 1.5; -webkit-text-size-adjust: none;}



/* リンク設定
------------------------------------------------------------*/
a{ color: #0099CC; text-decoration: none; }
a:hover{ color: #333333; }
a:active, a:focus {outline:0;}

/* パンくず　*/
.breadcrumbs { clear:both; margin-bottom:20px; background-color:#E4E4E4; padding:5px 0;}
.breadcrumbs .inner { width:960px; margin:0 auto; font-size:12px;}
#page-top { display: none; position: fixed; bottom: 30px; right: 60px; }

/*=============================================*/
/*           回り込み解除                      */
/*=============================================*/

.clearfix { clear:both;}

.clearfix:after,#wrapper:after,#header:after,#mainWrap:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }
/*\*/
* html .clearfix { height: 1em; overflow: visible; }
/**/

/*======================================================================= */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　レイアウト　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*======================================================================= */

#wrapper { margin: 0 auto; padding: 0; width:100%; position: relative;}

#mainWrap { margin:0 auto; clear:both;}


/*=============================================*/
/*              header      　　　　           */
/*=============================================*/
#header { margin:0 auto; clear:both; height:110px;}
#header h1 { padding:10px 0; font-size: 11px; font-weight: normal; color: #999; clear:both; }

#header .logo { float:left; margin-top:5px; }
#header .info { float:right;}
/*=============================================*/
/*              main        　　　　           */
/*=============================================*/
#main { float:left; margin-bottom:20px;}
/*=============================================*/
/*              sidebar     　　　　           */
/*=============================================*/
#sidebar {float:right; margin-bottom:20px;}
.banner { clear:both; margin-bottom:20px;}
.banner li { display:block; margin-bottom:10px; text-align:center;}
.bannerLink { clear:both; margin-bottom:20px;}
.bannerLink li { display:block; margin-bottom:10px; text-align:center;}
.sideArchive { clear:both; margin-bottom:25px;}
.sideArchive h3 { border-bottom:2px #006699 solid; padding:10px; margin-bottom:20px;}
/*=============================================*/
/*              footer      　　　　           */
/*=============================================*/
#footer { clear: both; overflow: hidden; padding: 10px 10px 20px 10px; background: #f3f3f3; }
#footerInfo { clear:both; width:980px; margin:0 auto;}
#footerInfo .fL { float:left; margin-right:20px;}
#footerInfo .fR ul li { float:left; }
#footerInfo .fR ul li a { color:#333;}

#footerInfo .fR ul li {
border-left:1px solid #CCC;
padding-left:6px;
margin-left:6px;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
}
#footerInfo .fR ul li:first-child{
border-left:none;
}



/*======================================================================= */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　見出し等　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*======================================================================= */

.tit{ background:url(images/nav.jpg) repeat-x; color:#FFF; clear:both; margin-bottom:20px; padding:10px; font-weight:bold; font-size:16px;
}
 


.tit2{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 22px;
	line-height: 38px; clear:both; margin-bottom:20px;}
 
.tit2:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:14px; 
	left:7px; 
	background-color:#6B0CE8;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
	z-index: 1;
}
 
.tit2:after{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:15px; 
	width:15px; 
	display:block; 
	position:absolute; 
	top:7px; 
	left:2px; 
	background-color:#00A8FF;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}






.titImg { clear:both; margin-bottom:20px;}

.titSub1 {-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px; background-color:#7CA600; font-size:16px; color:#FFF; font-weight:bold; padding:4px 4px 4px 15px; clear:both; margin-bottom:15px;}
.titSub2 {-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px; background-color: #093; font-size:16px; color:#FFF; font-weight:bold; padding:4px 4px 4px 15px; clear:both; margin-bottom:15px;}
.titSub3 {-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px; background-color: #F90; font-size:16px; color:#FFF; font-weight:bold; padding:4px 4px 4px 15px; clear:both; margin-bottom:15px;}
.titSub4 {-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px; background-color: #F30; font-size:16px; color:#FFF; font-weight:bold; padding:4px 4px 4px 15px; clear:both; margin-bottom:15px;}
.titSub5 {-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px; background-color: #F63; font-size:16px; color:#FFF; font-weight:bold; padding:4px 4px 4px 15px; clear:both; margin-bottom:15px;}
.titSub6 {-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px; background-color: #D00; font-size:16px; color:#FFF; font-weight:bold; padding:4px 4px 4px 15px; clear:both; margin-bottom:15px;}

/*======================================================================= */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　ページCSS　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*======================================================================= */

/*=============================================*/
/*         スライダー＆ページヘッダ  　　　    */
/*=============================================*/

#mainSlider { width:0 auto; height:280px; background:#CCC; clear:both; margin-bottom:30px;}



/*======================================================================= */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　テーブルCSS　 　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*======================================================================= */
.table { width:100%; margin-bottom:20px; }
.table th { width:30%; padding:10px; border-bottom:#CCC 1px solid;}
.table td { padding:10px; border-bottom:#CCC 1px solid; }

.form_t { width:100%; margin-bottom:20px; }
.form_t th { width:30%; padding:10px; border-bottom:#CCC 1px solid;}
.form_t td { padding:10px; border-bottom:#CCC 1px solid; }


.t1 { width:100%; margin-bottom:20px;}
.t1 th { width:30%; border-bottom:#CCC 1px dotted; padding:6px; font-weight:bold;}
.t1 td { border-bottom:#CCC 1px dotted; padding:6px;}

/*======================================================================= */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　スライダー　　 　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*======================================================================= */
.slideBox { height:280px; margin-bottom:20px; overflow:hidden;}


.wideslider { width: 100%; text-align: left; position: relative; overflow: hidden;
 box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6); }

.wideslider ul, .wideslider ul li { float: left; display: inline; overflow: hidden; }

.wideslider ul li img { width: 100%; display: none; }

.wideslider_base { top: 0; position: absolute; }

.wideslider_wrap { top: 0; position: absolute; overflow: hidden; }

.slider_prev, .slider_next { top: 0; overflow: hidden; position: absolute; z-index: 100; cursor: pointer; }

.slider_prev { background: #fff url(images/prev.jpg) no-repeat right center; }

.slider_next { background: #fff url(images/next.jpg) no-repeat left center; }

.pagination { bottom: 20px; left: 0; width: 100%; height: 30px; text-align: center; position: absolute; z-index: 200; }

.pagination a { margin: 0 5px; width: 30px; height: 30px; display: inline-block; overflow: hidden; }

.pagination a.pn1 { background: transparent url(../img/pn1.jpg) no-repeat left top; }

.pagination a.pn2 { background: transparent url(../img/pn2.jpg) no-repeat left top; }

.pagination a.pn3 { background: transparent url(../img/pn3.jpg) no-repeat left top; }

.pagination a.pn4 { background: transparent url(../img/pn4.jpg) no-repeat left top; }

.pagination a.pn5 { background: transparent url(../img/pn5.jpg) no-repeat left top; }

.pagination a.active { filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; }

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

.wideslider ul { display: inline-block; overflow: hidden; }

/* =======================================
	ClearFixElements
======================================= */

.wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }

.wideslider ul { display: inline-block; overflow: hidden; }

/*======================================================================= */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　その他　　　 　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*======================================================================= */



.center { text-align:center;}



#mainWrap { width:960px;}

/*=============================================*/
/*              header      　　　　           */
/*=============================================*/
#header { width:960px;}

#header .logo {width:350px; }
#header .info {}

#pageHead {
	clear: both;
	margin-bottom: 0px;
	background-color: #00496C;
}
#pageHead .inner { width:960px ; margin:0 auto;}
#pageHead .inner h2 { font-size:36px; color:#FFF; line-height:1; padding:20px 0;
text-shadow:
-1px -1px 1px rgba(0, 0, 0, 0.4),
1px 1px 1px rgba(255, 255, 255, 0.5);
}
/*=============================================*/
/*              main        　　　　           */
/*=============================================*/
#main { width:715px;}
.news_tit { background-color:#00496C; color:#FFF; padding:5px 0 5px 10px;}
/*=============================================*/
/*              sidebar     　　　　           */
/*=============================================*/
#sidebar { width:230px;}
.banner { clear:both; margin-bottom:20px;}
.banner li { display:block; margin-bottom:10px;}

#sideInfo { border:#CCC 1px solid; padding:5px; margin-bottom:20px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
#sideInfo h3 { color:#FFF; padding:10px 0; text-align:center; font-size:15px; font-weight:bold; border-bottom:#CCC 1px dotted; margin-bottom:5px; background:url(images/nav.jpg) repeat-x center ;}
#sideInfo .ad { padding:0 10px 5px; margin-bottom:5px; border-bottom:#CCC 1px dotted; font-size:12px; }
#sideInfo .hinmoku { font-size:12px; padding:0 10px;}
#sideInfo .hinmoku strong { font-weight:bold; font-size:14px;}

#sideInfo img { max-width:100%; height:auto; margin-bottom:10px;}
/*=============================================*/
/*              footer      　　　　           */
/*=============================================*/
#footer { clear: both; overflow: hidden; padding: 20px 10px 20px 10px; background: #f3f3f3; }
#copy { font-size:10px; text-align:center;}


/*=============================================*/
/*              navi        　　　　           */
/*=============================================*/

nav#mainNav { clear: both; overflow: hidden; position: relative; background: url(images/nav.jpg) repeat-x; margin-bottom: 0px; height: 58px; border-top: #E7E7E7 1px solid; box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6); -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6); }

nav#mainNav .inner { width: 960px; padding:0; margin:0 auto; }

nav#mainNav ul li { float: left; position: relative; overflow: hidden; height: 58px; }

nav#mainNav ul li a { display: block; text-align: center; float: left; font-size: 14px; width: 158px; height: 50px; padding-top: 13px; color: #FFF; font-weight: bold; text-shadow:
-1px -1px 1px rgba(0, 0, 0, 0.4),
1px 1px 1px rgba(255, 255, 255, 0.5);
 border-left: 1px solid #0D1842; }

nav#mainNav ul li:first-child a { }

nav#mainNav ul li:last-child a { border-right-width: 1px; border-right-style: solid; border-right-color: #0D1842; }

nav#mainNav ul li a span, nav#mainNav ul li a strong { display: block; }

nav#mainNav ul li a span { color: #CCC; font-size: 10px; font-weight: normal; }

nav div.panel { display: block !important; float: left; }

a#menu { display: none; }

nav#mainNav li.active a, nav#mainNav li a:hover, nav#mainNav li.current-menu-item a { color: #FC6; background: url() repeat-x; padding-top: 13px; }
	

/*=============================================*/
/*              ボックス    　　　　           */
/*=============================================*/
#newsBox { height:170px; overflow:scroll; }
.news_tit { position:relative;}
.news_tit span { position:absolute; right:0; display: inline-block; font-size:11px; background:url(images/s_link.gif) no-repeat left center; padding-left:10px; }
.newsPost { clear:both; margin-bottom:20px;}
.newsPost li { padding:4px 0; border-bottom:#CCC 1px dotted;}
.newsPost li span.date { background:url(images/s_link.gif) no-repeat left center; padding-left:10px; color:#999; }
.newsPost li span.n1{ background-color:#C00; color:#FFF; font-size:10px; padding:3px; width:90px; text-align:center; display:inline-block; line-height:1;}
.newsPost li span.n2{ background-color: #069; color: #FFF; font-size: 10px; padding: 3px; width: 90px; text-align: center; display:inline-block; line-height:1; }
.newsPost li span.n3{ background-color: #171717; color: #FFF; font-size: 10px; padding: 3px; width: 90px; text-align: center; display: inline-block; line-height:1; }
.newsPost li span.n4{ background-color: #F30; color: #FFF; font-size: 10px; padding: 3px; width: 90px; text-align: center; display:inline-block; line-height:1; }



#home_box { background:url(images/home_box.jpg) no-repeat top  center; padding:20px 15px; margin-bottom:20px;}

.home_t { clear:both; font-size:13px}
.home_t .fL { float:left; width:530px;}
.home_t .fR { float:right; width:140px;}


.home_t2 { clear:both; margin-bottom:0px;}
.home_t2 .fL { float: right; width:460px;}
.home_t2 .fR { float:left; width:200px;}

.home_t img,.home_t2 img { max-width:100%; height:auto;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; border:#CCC 1px solid;}
.home_t h2 img { border:none !important;}

.subSection { border:#CCC 1px solid; clear:both; margin-bottom:20px; padding:10px; background: #F2F2F2;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.box { clear:both;}
.box .fL { float:left; width:220px;}
.box .fR { float:right; width:450px;}	
.box .fL img {-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}

.box2 { clear:both;}
.box2 .fL { float:right; width:220px;}
.box2 .fR { float:left; width:450px;}	
.box2 .fL img {-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}	


.gyoumu { clear:both; margin-bottom:10px;}
.gyoumu .g1 { width:225px; color:#FFF; font-size:20px; font-weight:bold; text-align:center; padding:10px 0; float:left; margin-right:17px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;text-shadow:
-1px -1px 1px rgba(0, 0, 0, 0.4),
1px 1px 1px rgba(255, 255, 255, 0.5);
}
.gyoumu .last { float:right; margin-right:0;}

.gyoumu .color1 { background-color: #09F; }
.gyoumu .color2 { background-color: #06C; }
.gyoumu .color3 { background-color:#036;}
.gyoumu .color4 { background-color: #66F; }
.gyoumu .color5 { background-color: #63C; }
.gyoumu .color6 { background-color: #639; }
.gyoumu .color7 { background-color: #F96; }
.gyoumu .color8 { background-color: #F63; }
.gyoumu .color9 { background-color: #F30; }
.gyoumu .color10 { background-color: #9C3; }
.gyoumu .color11 { background-color: #9C0; }
.gyoumu .color12 { background-color: #066; }

.infoBox { margin-bottom:20px; clear:both;}
.infoBox .info_img { float:left; width:220px;}
.infoBox img { max-width:100%;height:auto;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.infoBox .info_t { float:right; width:460px;}
.right_p { text-align:right;}


.staff { margin-bottom:20px; clear:both; border:#CCC 1px solid; background-color:#F9F9F9; padding:10px;}
.staff .staff_img { width:190px; float:left;}
.staff .staff_img img { max-width:100%; height:auto; border:#CCC 1px solid; padding:3px;}
.staff .staff_t { float:right; width:460px;}
.staff .staff_t dl dt { float:left; width:30%; padding:5px 0; font-weight:bold;}
.staff .staff_t dl dd { padding:5px 0 5px 30%; border-bottom:#CCC 1px dotted;}


.post { clear:both; margin-bottom:20px;}

.post .postTit { padding:5px 10px; margin-bottom:15px; font-weight:bold; border-bottom:#F30 3px solid;}
.post .postTit span { float:right; display:inline-block; background-color:#F30; color:#FFF; font-size:10px; padding:2px;}
.post .postTit a { color:#1A1A1A;}



.imgfloat { clear:both; margin-bottom:20px;}
.imgfloat li { padding:8px; float:left; border:#CCC 1px solid; width:200px; margin-right:10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-bottom:15px;}
.imgfloat li img { max-width:100%; height:auto;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.bbul { margin-bottom:20px;}
.bbul li { font-size:16px; border-bottom:#999 1px dotted; padding:3px; }

.bbp { font-size:24px; font-weight:bold; color:#063; text-align:center}

/* 照明 */

.toyo_item { clear:both; margin-bottom:20px; border:#CCC 1px solid;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; padding:15px 15px 0 15px;}

.toyo_item .fimg { float:left; width:200px;}
.toyo_item .ftext {}
.toyo_item .ftext h3 { color:#C40000; font-size: 16px; font-weight:bold; border-bottom:#CCC 1px dotted; margin-bottom:15px;}
.toyo_item:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; }



/* 表示機リスト　*/

.list {
	width: 715px;
	clear: both;
	margin-bottom: 20px;
}
.list .items {
	float: left;
	width: 142px;
	list-style: none;
	text-align: center;
	display: block;
}


.items a {
	cursor: pointer;
	background-color: #333;
}

.items a:hover {
	cursor: pointer;
	background-color: #333;
}

.list .items div {
	border: 1px dashed #CCC;
	padding: 5px;
	margin: 0px -1px -1px 0px;
	position: relative;
}
.list .items div h3 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
.list .items div p {
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}



.float_div { clear:both; margin-bottom:20px;}
.float_div div { float:left; width:250px;}
.float_div div.last { float:right; width:450px;}

#tokutyou { clear:both; margin-bottom:20px;}

#tokutyou dt { width:150px; float:left; padding:5px; font-weight:bold; }
#tokutyou dd { padding:5px 0 5px 170px; border-bottom:#CCC 1px dotted;}

input[type=text] { width:80%;}
textarea { width:80%;}

.text_style1 { font-size:22px;}
.text_style2 { color:#069;}
.bul { margin-bottom:20px;}
.bul li { color:#069;}

.text_float { margin-bottom:20px; clear:both;}

.text_float div { float:left; width:350px; font-size:12px;}
.text_float div.last { float:right; width:350px}


img.alignleft { float:left; margin:0 10px 10px 0;}