/*
Theme Name:onolabo
*/

@charset "UTF-8";

/* 共通 */

body{
	background:#ffffff url(image/hp-back.jpg) repeat-x 0px 0px;

	margin: 0px;
	padding: 0px;
/*
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;


	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
*/

	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana
,"ＭＳ Ｐゴシック",sans-serif;
	font-size:12px;

}

/* 全体の横幅 */

@media (min-width: 1000px) {
#outline{
	width:1000px;
	margin:auto;
	padding:0px;
	background:#ffffff;
}
}
@media (min-width: 780px) and (max-width: 999px) {
#outline{
	width:780px;
	margin:auto;
	padding:0px;
	background:#ffffff;
}
}
@media (max-width: 779px) {
#outline{
	width:100%;
	margin:auto;
	padding:0px;
	background:#ffffff;
}
}

/* IEの画像の下の隙間をなくす */
img{
vertical-align: top;
vertical-align: bottom;
vertical-align: middle;
}

/* 共通：上部画像エリア(ロゴ、名称） */

@media (min-width: 1000px) {
#top-area{
	width:1000px;
	margin:0px;
	padding:0px; 
}
#top-area h1{
	margin: 0px;
	padding:0px 0px 0px 0px;
	line-height:18px;
	font-weight:normal;
	font-size:12px;
	color:#000;
	background:#ffffff;
}
#top-image-midashi, #top-image-midashi img{
	width:1000px;
	height:auto;
	margin:0px;
	padding:0px; 
	float:left;
}
}

@media (min-width: 780px) and (max-width: 999px) {
#top-area{
	width:780px;
	margin:0px;
	padding:0px; 
}
#top-area h1{
	margin: 0px;
	padding:0px 0px 0px 0px;
	line-height:18px;
	font-weight:normal;
	font-size:11px;
	color:#000;
	background:#ffffff;
}
#top-image-midashi, #top-image-midashi img{
	width:780px;
	height:auto;
	margin:0px;
	padding:0px; 
	float:left;
}
}
@media (max-width: 779px) {
#top-area{
	width:100%;
	margin:0px;
	padding:0px;
}
#top-area h1{
	margin: 0px;
	padding:0px 0px 0px 0px;
	line-height:14px;
	font-weight:normal;
	font-size:1.3vw;
	color:#000;
	background:#ffffff;
}
#top-image-midashi, #top-image-midashi img{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px; 
	float:left;
}
}

/* 上部画像（メインイメージ画像） */

@media (min-width: 1000px) {
#top-image{
	width:1000px;
	margin:0px;
	padding:0px; 
}

#top-image img{
	width:1000px;
	height:auto;
	margin:0px;
	padding:0px; 
	float:left;
}
}

@media (min-width: 780px) and (max-width: 999px) {
#top-image{
	width:780px;
	margin:0px;
	padding:0px; 
}

#top-image img{
	width:780px;
	height:auto;
	margin:0px;
	padding:0px; 
	float:left;
}
}

@media (max-width: 779px) {
#top-image{
	width:100%;
	margin:0px;
	padding:0px; 
}

#top-image img{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px; 
	float:left;
}
}

/* 共通：上部メニューエリア */

@media (min-width: 1000px) {
ul#top-menu {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 40px;
	border-radius: 0px;
	overflow: hidden;
}
ul#top-menu li {
	list-style-type: none;
	float: left;
}
ul#top-menu li a {
	font-size: 17px;
	display: block;
	line-height: 40px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	margin: 0px,0px;
	background: -moz-linear-gradient(top,#FFF 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ddd));
	border: 1px solid #ccc;
	text-decoration:none;
	width:140.8px;
}
ul#top-menu li a:hover {
	background: -moz-linear-gradient(top,#09c 0%,#069);
	background: -webkit-gradient(linear, left top, left bottom, from(#09c), to(#069));
	border: 1px solid #ccc;	color: #fff;
}
#toggle{
	display: none;
}
}

@media (min-width: 780px) and (max-width: 999px) {
ul#top-menu {
	clear: both;
	width:780px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 36px;
	border-radius: 0px;
	overflow: hidden;
}
ul#top-menu li {
	list-style-type: none;
	float: left;
}
ul#top-menu li a {
	font-size: 15px;
	display: block;
	line-height: 36px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	margin: 0px,0px;
	background: -moz-linear-gradient(top,#FFF 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ddd));
	border: 1px solid #ccc;
	text-decoration:none;
	width:109.4px;
}
ul#top-menu li a:hover {
	background: -moz-linear-gradient(top,#09c 0%,#069);
	background: -webkit-gradient(linear, left top, left bottom, from(#09c), to(#069));
	border: 1px solid #ccc;	color: #fff;
}
#toggle{
	display: none;
}
}


@media (max-width: 779px) {

#top-menu{
    display: none;
}
#top-menu li{
    width: 100%;
}
#toggle{
	margin:0px;
	padding:0px;
	clear:both;
    	display: block;
    	position: relative;
    	width: 100%;
    	background: #ccc;
}
#toggle a{
	display: block;
	position: relative;
    	padding: 0px 0px 0px;
    	border-bottom: 1px solid #444;
	line-height:35px;
	font-size:14px;
    	color:#333333;
    	text-align:center;
    	text-decoration:none;
}
#toggle:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #fff;
}
#toggle a:before, #toggle a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 4px;
	background: #ccc;
}
#toggle a:before{
	margin-top: -6px;
}
#toggle a:after{
	margin-top: 2px;
}
ul#top-menu {
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-weight:normal;
	font-size:14px;
}
ul#top-menu li{
	width:100%;
	margin:0px;
	padding:0px;

}
ul#top-menu li a{
	width:100%;
	display:block;
	height:35px;
	margin:0px;
	padding:0px;
	color:#ffffff;
	font-style:normal;
	text-align:center;
	line-height:35px;
	text-decoration:none;
	background:#666;
    	border-bottom: 1px solid #aaa;

}
ul#top-menu li a:hover{
	color:#ffffff;
	background:#444;


}
}


/* 共通：コラム分け （ブロック分け）*/

/*（全体ブロック）*/

#center{
	width:100%;
	margin:0px;
	padding:0px;
	clear:both;
}

/*（メインブロック：サイドバー除く）*/

@media (min-width: 1000px) {
#center-column{
	width:790px;
	min-height:380px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:#ffffff;	
}
}
@media (min-width: 780px) and (max-width: 999px) {
#center-column{
	width:780px;
	min-height:380px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:#ffffff;	
}
}
@media (max-width: 779px) {
#center-column{
	width:100%;
	min-height:380px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:#ffffff;	
}
}

/*（メインブロック：サイドバー）*/

@media (min-width: 1000px) {
#side-column{
	width:210px;
}
}
@media (min-width: 780px) and (max-width: 999px) {
#side-column{
	width:780px;
}
}
@media (max-width: 779px) {
#side-column{
	width:100%;
}
}

#side-column{
	float:right;
	margin:0px;
	padding:0px;
}

#side-column-bottom{
	width:210px;
	float:right;
	margin:0px;
	padding:0px;
}
#twitter-area{
	width:210px;
	float:right;
	margin:0px;
	padding:0px;
}

.kuzu{
	width:98%;
	height:16px;
	float:left;
	margin:0px;
	text-align:right;
	padding:2px 2% 2px 0px;
	color:#666666;
	line-height:16px;
	font-size:12px;
	font-weight:normal;
}

/* サイドメニュー */

@media (min-width: 1000px) {
ul#side-menu{
	width:210px;
}
ul#side-menu li{
	width:210px;
}
ul#side-menu li a{
	width:183px;
	margin:5px 0px 0px 0px;
	padding:7px 0px 7px 20px;
	font-size:15px;
	line-height:20px;
	border-top: 1px solid #ccc;
	border-left: 5px solid #00f;
	border-right: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
}

@media (min-width: 780px) and (max-width: 999px) {
ul#side-menu{
	width:780px;
}
ul#side-menu li{
	width:260px;
}
ul#side-menu li a{
	width:233px;
	margin:5px 0px 0px 0px;
	padding:7px 0px 7px 20px;
	font-size:15px;
	line-height:20px;
	border-top: 1px solid #ccc;
	border-left: 5px solid #00f;
	border-right: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
}

@media (min-width: 480px) and (max-width: 779px) {
ul#side-menu{
	width:100%;
}
ul#side-menu li{
	width:50%;
}
ul#side-menu li a{
	width:88.75%;
	margin:5px 0px 0px 0px;
	padding:7px 0px 7px 20px;
	font-size:15px;
	line-height:20px;
	border-top: 1px solid #ccc;
	border-left: 5px solid #00f;
	border-right: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
}

@media (max-width: 479px) {
ul#side-menu{
	width:100%;
}
ul#side-menu li{
	width:100%;
}
ul#side-menu li a{
	width:91.5%;
	margin:5px 0px 0px 0px;
	padding:7px 0px 7px 20px;
	font-size:15px;
	line-height:20px;
	border-top: 1px solid #ccc;
	border-left: 5px solid #00f;
	border-right: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
}

ul#side-menu{
	margin:0px;
	padding:0px;
	float:left;
}
ul#side-menu li{
	margin:0px;
	padding:0px;
	float:left;
	list-style:none;
}
ul#side-menu li a{
	display:block;
	float:left;
	color:#333333;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	text-align:left;
	color:#111;
	background:#ffffff;
}
ul#side-menu li a:hover{
	color:#ff6600;
}


/*************************/
/* バナーリンク（サイドブロック） */
/*************************/

@media (min-width: 1000px) {
.side-banner-link{
	margin:5px 0px 0px 0px;
}
}
@media (max-width: 999px) {
.side-banner-link{
	margin:3px 3px 3px 0px;
}
}

.side-banner-link{
	width:210px;
	height:50px;
	float:left;
}

#banner1{
	background:url(image/banner-nit.jpg) no-repeat;
}
#banner2{
	background:url(image/banner-souzou.jpg) no-repeat;
}
#banner3{
	background:url(image/banner-panf.jpg) no-repeat;
}

.side-banner-link p{
	width:210px;
	margin:0px;
	padding:0px;
	float:left;
}
.side-banner-link p a{
	width:200px;
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
	color:#333333;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	font-size:13px;
	line-height:50px;
	text-align:left;
}
.side-banner-link p a:hover{
	color:#ff6600;
}
/*************************/
/* バナーイメージ（サイドブロック） */
/*************************/

@media (min-width: 1000px) {
.side-image{
	margin:5px 0px 0px 0px;
}
}
@media (max-width: 999px) {
.side-image{
	margin:3px 3px 3px 0px;
}
}

.side-image{
	width:210px;
	height:50px;
	float:left;
}


/*************************/
/* 問い合わせバナーリンク（サイドブロック） */
/*************************/

@media (min-width: 1000px) {

.side-toiawase-link{
	margin:0px 0px 3px 0px;
}
.side-toiawase-link{
	width:210px;
	height:80px;
	float:left;
}
.side-toiawase-link p{
	width:210px;
	margin:0px;
	padding:0px;
	float:left;
}
.side-toiawase-link p a{
	width:200px;
	margin:0px;
	padding:20px 0px 20px 10px;
	float:left;
	color:#ffffff;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	font-size:13px;
	line-height:20px;
	text-align:left;
	background:url(image/toiawase11-btn.jpg) no-repeat;
}
.side-toiawase-link p a:hover{
	color:#ff6600;
	background:url(image/toiawase12-btn.jpg) no-repeat;
}
}

@media (max-width: 999px) {

.side-toiawase-link{
	margin:3px 0px 3px 0px;
}
.side-toiawase-link{
	width:100%;
	float:left;
}
.side-toiawase-link p{
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
}
.side-toiawase-link p a{
	width:100%;
	margin:0px;
	padding:5px 0px 5px 0px;
	float:left;
	color:#ffffff;
	font-style:normal;
	text-decoration:none;
	font-weight:normal;
	font-size:15px;
	line-height:20px;
	text-align:center;
	background:#4db0e9;
}
.side-toiawase-link p a:hover{
	color:#ff6600;

}
}

/* 共通：フッター */

@media (min-width: 1000px) {
#footer-pagetop{
	width:1000px;
	height:22px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}
}
@media (min-width: 780px) and (max-width: 999px) {
#footer-pagetop{
	width:780px;
	height:22px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}
}
@media (max-width: 779px) {

#footer-pagetop{
	width:100%;
	height:22px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}
}
#to-pagetop{
	width:152px;
	height:22px;
	margin:0px;
	padding:0px;
	float:right;
}
#to-pagetop a{
	width:152px;
	float:left;
	display:block;
	overflow:hidden;
	height:0px;
	margin:0px;
	padding:22px 0px 0px 0px;
	color:#ffffff;
	text-align:center;
	line-height:22px;
	text-decoration:none;
	background:url(image/to-pagetop.gif);
}
#to-pagetop a:hover{
	background:url(image/to-pagetop2.gif);
}

@media (min-width: 1000px) {
#footer{
/*
	width:900px;
*/
	height:auto;
	margin:0px;
	padding:0px;
	clear:both;
	background:#ededed;
}
#footer-in{
	width:1000px;
	margin:auto;
	padding:0px;
	clear:both;
	vertical-align:middle;
	color:#333333;
}

#link-map{
	width:1000px;
	height:auto;
	margin:0px;
	padding:15px 0px 0px 0px;
	text-align:center;
}
}
@media (min-width: 780px) and (max-width: 999px) {
#footer{
/*
	width:900px;
*/
	height:auto;
	margin:0px;
	padding:0px;
	clear:both;
	background:#ededed;
}
#footer-in{
	width:780px;
	margin:auto;
	padding:0px;
	clear:both;
	vertical-align:middle;
	color:#333333;
}

#link-map{
	width:780px;
	height:auto;
	margin:0px;
	padding:15px 0px 0px 0px;
	text-align:center;
}
}
@media (max-width: 779px) {
#footer{
/*
	width:900px;
*/
	height:auto;
	margin:0px;
	padding:0px;
	clear:both;
	background:#ededed;
}
#footer-in{
	width:100%;
	margin:auto;
	padding:0px;
	clear:both;
	vertical-align:middle;
	color:#333333;
}

#link-map{
	width:100%;
	height:auto;
	margin:0px;
	padding:15px 0px 0px 0px;
	text-align:center;
}
}


#link-map ul{
	margin:0px;
	padding:0px;
	list-style-type:none;

}
#link-map ul li{
	display:block;
	float:left;
	padding:0px 10px 0px 10px;
}

#link-map ul li a{
	color:#333333;
	line-height:20px;
	vertical-align:middle;
	white-space:nowrap;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}
#link-map ul li a:hover{
	color:#ff6600;
}
#company-show{
	height:auto;
	margin:0px;
	clear:both;
	vertical-align:middle;
	padding:15px 0px 15px 0px;
	text-align:center;
}
#company-show p a{
	margin:0px;
	padding:0px;
	color:#333333;
	line-height:20px;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;

}	
#company-show a:hover{
	color:#ff6600;
	font-weight:normal;
}
#company-show p{
	margin:0px;
	padding:0px;
	color:#333333;
	line-height:20px;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

/* 共通：画像挿入時配置 */
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0px 0px 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0px 7px 2px 0px;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

table{
	margin:5px 0px 5px 0px;
}

/* ＴＯＰ画面 ごあいあさつ*/

@media (min-width: 1000px) {
#greeting{
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
	background:#ffffff;
}
}

@media (min-width: 780px) and (max-width: 999px) {
#greeting{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#ffffff;
}
}

@media (max-width: 779px) {
#greeting{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:#ffffff;
}
}

#greeting-area{
	margin:0px;
	padding:20px 18px;
	float:left;
	border:solid #cccccc 2px;
	background:#ffffff;
}

#greeting-area p{
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:24px;
	color:#333333;
	font-size:14px;
	font-weight:normal;
}

/* ＴＯＰページ　サマリー・ダイジェストエリア　*/

/* ＴＯＰ画面 */
@media (min-width: 780px) {
.digest{
	width:778px;
}
.digest-title{
	height:38px;
}
.summery{
	width:778px;
	float:left;
	margin:5px 0px 5px 0px;
	padding:0px;
	border:solid #dddddd 1px;
	background:#ffffff;
}
.summery-area{
	width: 740px;
	margin:0px;
	padding:10px 19px;
	float:left;
	background:#ffffff;
}
.summery-title{
	height:38px;
}
}

@media (min-width: 600px) {

.research-movies {
 	margin:auto;
   	position: relative;
 	width: 560px;
    	padding: 315px 0 0 0;
}
.research-movies iframe {
	position: absolute;
 	top: 0;
	left: 0;
	width: 560px;
	height: 315px;
}
}
@media (max-width: 599px) {

.research-movies {
 	margin:auto;
   	position: relative;
 	width: 100%;
    	padding: 56.25% 0 0 0;
}
.research-movies iframe {
	position: absolute;
 	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}
}

@media (max-width: 779px) {

.digest{
	width:calc(100% - 2px);
}
.summery{
	width:calc(100% - 2px);
	float:left;
	margin:5px 0px 5px 0px;
	padding:0px;
	border:solid #dddddd 1px;
	background:#ffffff;
}
.summery-area{
	width: calc(100% - 40px);
	margin:0px;
	padding:10px 19px;
	float:left;
	background:#ffffff;
}
.summery-title{
	height:32px;
}
}


.summery-area h2{
	width: 97%;
	background: #e0484b;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ffffff;
	font-size:15px;
	padding-left: 3%;
	margin:0px 0px 10px 0px;
	line-height:38px;
}

.summery-area p{
	float:left;
	margin:0px;
	padding:5px 0px 5px 0px;
	line-height:20px;
	color:#333333;
	font-size:14px;
	font-weight:normal;
}
.summery-content p img{
	max-width:100%;
	height:auto;
}


.digest{
	float:left;
	margin:5px 0px 5px 0px;
	padding:0px;
	border:solid #dddddd 1px;
}
.digest-area{
	margin:0px;
	padding:10px 19px;
	float:left;
	background:#ffffff;
}


.digest-area h2{
	width: 97%;
	background: #e0484b;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ffffff;
	font-size:15px;
	padding-left: 3%;
	margin:0px 0px 10px 0px;
	line-height:38px;
}


.digest-content{
	margin:0px;
	padding:0px 15px;
	float:left;
	background:#ffffff;
}

.digest-content h3{
	margin:0px;
	padding:5px 0px 0px 20px;
	text-align:left;
	color:#333333;
	line-height:18px;
	font-size:15px;
	font-weight:normal;
	background:#ffffff url(image/list-img-orange.gif) no-repeat 0px 9px;
}
.digest-content p{
	margin:0px;
	padding:5px 0px 5px 20px;
	text-align:left;
	border-bottom:dotted 1px #666666;
	color:#333333;
	line-height:18px;
	font-size:14px;
	font-weight:normal;
	background:#ffffff;
}
.digest-content p img{
	max-width:100%;
	height:auto;
}

/* カテゴリー画面表示 */

#category-midashi p{
	margin:0px 0px 10px 0px;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 0px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 96%;
	padding-left: 4%;
	height:70px;
	font-weight:bold;
	font-size:28px;
	line-height:70px;
}

.category-title h2{
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
	background: #e0484b;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.category-title h2 a{
	width:97%;
	padding-left:3%;
	display:block;
	vertical-align:middle;
	color:#ffffff;
	font-weight:bold;
	text-decoration: none;
}
.category-content h3{
	background: #eeeeee;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333399;
	width:97%;
	padding-left:3%;
	margin:5px 0px 0px 0px;
}

@media (min-width: 1000px) {
#category-main{
	width:780px;
	margin:0px;
	padding:0px 10px 0px 0px;
}
#category-midashi{
	width:780px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	clear:both;
}
#category-midashi p{
	height:70px;
	font-weight:bold;
	font-size:28px;
	line-height:70px;
}
.category-one{
	width:740px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 18px 10px 18px;
	border:solid #cccccc 2px;
}
.category-title{
	width:740px;
	float:left;
	margin:0px;
	padding:0px;
}
.category-title h2 a{
	line-height:36px;
	font-size:15px;
}
.category-content{
	width:740px;
	float:left;
	margin:0px;
	padding:10px 0px 0px 0px;
}
.category-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
.category-content h3 a{
	line-height:32px;
	font-size:15px;
	font-weight:bold;
}
}

@media (min-width: 780px) and (max-width: 1000px) {
#category-main{
	width:780px;
	margin:0px;
	padding:0px;
}
#category-midashi{
	width:780px;
	margin:0px 0px 0px 0px;
	padding:0px;
	clear:both;
}
#category-midashi p{
	height:70px;
	font-weight:bold;
	font-size:28px;
	line-height:70px;
}
.category-one{
	width:740px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 18px 10px 18px;
	border:solid #cccccc 2px;
}

.category-title{
	width:740px;
	float:left;
	margin:0px;
	padding:0px;
}
.category-title h2 a{
	line-height:36px;
	font-size:15px;
}
.category-content{
	width:740px;
	float:left;
	margin:0px;
	padding:10px 0px 0px 0px;
}

.category-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
.category-content h3 a{
	line-height:32px;
	font-size:15px;
	font-weight:bold;
}
}

@media (max-width: 779px) {

#category-main{
	width:100%;
	margin:0px;
	padding:0px;
}
#category-midashi{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	clear:both;
}

#category-midashi p{
	height:70px;
	font-weight:bold;
	font-size:28px;
	line-height:70px;
}
.category-one{
	width:94%;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 2.7% 10px 2.7%;
	border:solid #cccccc 2px;
}

.category-title{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
}
.category-title h2 a{
	line-height:32px;
	font-size:14px;
}
.category-content{
	width:100%;
	float:left;
	margin:0px;
	padding:10px 0px 0px 0px;
}
.category-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
.category-content p img{
	max-width:100%;
	height:auto;
}
.category-content h3 a{
	line-height:32px;
	font-size:15px;
	font-weight:bold;
}
}


/* 個別記事画面表示 */

.single-title h2{
	clear:both;
	margin:0px;
	background: #e0484b;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width:97%;
	padding-left:3%;
	color:#ffffff;
	font-weight:bold;
	text-decoration: none;
}
.single-content h3{
	background: #eeeeee;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333399;
	width:97%;
	padding-left:3%;
	margin:5px 0px 0px 0px;
}

@media (min-width: 1000px) {

#single-area{
	width:780px;
	margin:0px;
	padding:0px 10px 0px 0px;
}

.single{
	width:780px;
	margin:0px;
	padding:0px 10px 0px 0px;
}
.single-title{
	width:780px;
	margin:0px 0px 10px 0px;
	padding:0px;
	clear:both;
}

.single-title h2{
	line-height:40px;
	font-size:15px;
}
.single-content h3{
	line-height:32px;
	font-size:15px;
	font-weight:bold;
}

.single-content{
	width:740px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 18px 10px 18px;
	border:solid #cccccc 2px;
}
.single-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
}

@media (min-width: 780px) and (max-width: 999px) {

#single-area{
	width:780px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.single{
	width:780px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.single-title{
	width:780px;
	margin:0px 0px 10px 0px;
	padding:0px;
	clear:both;
}
.single-title h2{
	line-height:40px;
	font-size:15px;
}
.single-content h3{
	line-height:32px;
	font-size:15px;
	font-weight:bold;
}
.single-content{
	width:740px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 18px 10px 18px;
	border:solid #cccccc 2px;
}
.single-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
}

@media (max-width: 779px) {

#single-area{
	width:100%;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.single{
	width:100%;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.single-title{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	clear:both;
}
.single-title h2{
	line-height:40px;
	font-size:14px;
}
.single-content h3{
	line-height:32px;
	font-size:14px;
	font-weight:bold;
}
.single-content{
	width:94%;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 2.7% 10px 2.7%;
	border:solid #cccccc 2px;
}
.single-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
.single-content p img{
	max-width:100%;
	height:auto;
}
}


/* 独立ページ画面表示 */

#page-midashi p{
	margin:0px 0px 10px 0px;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 0px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 96%;
	padding-left: 4%;
}
.page-content h2{
	background: #e0484b;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	width:97%;
	padding-left:3%;
	margin:0px;
}
.page-content h3{
	background: #eeeeee;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333399;
	width:97%;
	padding-left:3%;
	margin:5px 0px 0px 0px;
}
#img-midashi img{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

@media (min-width: 1000px) {
#page-main{
	width:780px;
	margin:0px;
	padding:0px 10px 0px 0px;
}

#page-midashi p{
	height:70px;
	font-weight:bold;
	font-size:28px;
	line-height:70px;
}

.page{
	width:740px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 18px 10px 18px;
	border:solid #cccccc 2px;
}

.page-content h2{
	line-height:38px;
	font-size:15px;
	font-weight:bold;
}

.page-content h3{
	line-height:32px;
	font-size:15px;
	font-weight:bold;
}
.page-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
}
@media (min-width: 780px) and (max-width: 999px) {
#page-main{
	width:780px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#page-midashi p{
	height:70px;
	font-weight:bold;
	font-size:28px;
	line-height:70px;
}

.page{
	width:740px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 18px 10px 18px;
	border:solid #cccccc 2px;
}
.page-content h2{
	line-height:38px;
	font-size:15px;
	font-weight:bold;
}

.page-content h3{
	line-height:32px;
	font-size:15px;
	font-weight:bold;
}
.page-content{
	width:740px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.page-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:12px;
	font-weight:normal;
}
}
@media (max-width: 779px) {

#page-main{
	width:100%;
	margin:0px;
	padding:0px;
}
#page-midashi p{
	height:50px;
	font-weight:bold;
	font-size:20px;
	line-height:50px;
}
.page{
	width:94%;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px 2.5% 10px 2.5%;
	border:solid #cccccc 2px;

}
.page-content h2{
	line-height:36px;
	font-size:14px;
	font-weight:bold;
}

.page-content h3{
	line-height:30px;
	font-size:14px;
	font-weight:bold;
}
.page-content{
	width:100%;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.page-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
.page-content p img{
	max-width:100%;
	height:auto;
}
}

.page-content table{
	width:100%;
	border:solid #666666 1px;
	border-collapse: collapse;
	border-spacing: 0;
}

.page-content table tr td{
	font-size:14px;
	font-weight:normal;
	color:#333333;
	line-height:20px;
	padding:5px 10px;
	text-align:left;
	border:solid #cccccc 1px;
	background-color:#ffffff;
}


/* サイトマップページ画面表示 */

ul.sitemap{
	clear:both;
	margin:0px;
	padding:0px 0px 0px 50px;
	background:#ffffff;
}
ul.sitemap li{
	padding:2px 0px 2px 0px;
	text-align:left;
	line-height:24px;
	list-style-type:none;
}
ul.sitemap li a{
	color:#000099;
	font-size:15px;
	font-weight:normal;
	list-style-type:none;
}

.page-content ul.sitemap li ul{
	clear:both;
	margin:0px;
	padding:0px 0px 0px 50px;
	background:#ffffff;

}
.page-content ul.sitemap li ul li{
	padding:2px 0px 2px 0px;
	text-align:left;
	line-height:24px;
	list-style-type:none;
}
.page-content ul.sitemap li ul li a{
	color:#000099;
	font-size:15px;
	font-weight:normal;
	list-style-type:none;

}
.page-content ul.sitemap li ul li ul{
	clear:both;
	margin:0px;
	padding:0px 0px 0px 50px;
	background:#ffffff;

}
.page-content ul.sitemap li ul li ul li{
	padding:2px 0px 2px 0px;
	text-align:left;
	line-height:24px;
	list-style-type:none;
}
.page-content ul.sitemap li ul li ul li a{
	color:#000099;
	font-size:15px;
	font-weight:normal;
	list-style-type:none;
}


/*  問い合わせページ画面表示 */

#toiawase table{
	width:100%;
	border:solid #cccccc 1px;
	float:left;
	margin:5px 0px;
	padding:0px;
}


input.wpcf7-text{
	width:95%;
	height:24px;
}
textarea.wpcf7-textarea{
	width:95%;
}
select.wpcf7-select{
	height:30px;
}

#toiawase table tr th{
	font-size:14px;
	font-weight:normal;
	color:#333333;
	line-height:20px;
	padding:5px 10px;
	text-align:center;
	background-color:#e4ecf2;
}
#toiawase table tr th span{
	color:#ff0000;
}
#toiawase table tr td{
	font-size:14px;
	font-weight:normal;
	color:#333333;

	line-height:20px;
	padding:5px 10px;
	text-align:left;
	background-color:#ffffff;
}

#toiawase-sosin{
	text-align:right;
	background-color:#ffffff;
	clear:both;
}

@media (min-width: 780px) {
#toiawase{
	width:740px;
	float:left;
	padding:0px;
	margin:0px;
	background:#ffffff;
}
#toiawase table tr th{
	width:28%;
}

}
@media (max-width: 779px) {

#toiawase{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
	background:#ffffff;
}
#toiawase table tr th{
	width:28%;
}
}


/* オフィス情報ページ画面表示 */

.office-content h2{
	background: #e0484b;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	width:97%;
	padding-left:3%;
	margin:0px;
}
.office-content h3{
	background: #eeeeee;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #333399;
	width:97%;
	padding-left:3%;
	margin:5px 0px 0px 0px;
}

@media (min-width: 1000px) {

.office-content h2{
	line-height:38px;
	font-size:15px;
	font-weight:bold;
}
.office-content{
	width:740px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.office-content h3{
	line-height:32px;
	font-size:14px;
	font-weight:bold;
}
.office-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
}
@media (min-width: 780px) and (max-width: 999px) {

.office-content h2{
	line-height:38px;
	font-size:14px;
	font-weight:bold;
}

.office-content h3{
	line-height:32px;
	font-size:14px;
	font-weight:bold;
}
.office-content{
	width:740px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.office-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
}
@media (max-width: 779px) {


.office-content h2{
	line-height:36px;
	font-size:14px;
	font-weight:bold;
}

.office-content h3{
	line-height:30px;
	font-size:14px;
	font-weight:bold;
}
.office-content{
	width:100%;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.office-content p{
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:left;
	color:#333333;
	background:#ffffff;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
.office-content p img{
	max-width:100%;
	height:auto;
}
}

.office-content table{
	width:100%;
	border:solid #cccccc 1px;
}

.office-content table tr th{
	width:25%;
	font-size:14px;
	font-weight:normal;
	color:#333333;
	line-height:20px;
	padding:5px 10px;
	text-align:center;
	border:solid #cccccc 1px;
	background-color:#e4ecf2;
}
.office-content table tr td{
	font-size:14px;
	font-weight:normal;
	color:#333333;
	line-height:20px;
	padding:5px 10px;
	text-align:left;
	border:solid #cccccc 1px;
	background-color:#ffffff;
}