@charset "UTF-8";
/*
Theme Name: ocean-temp_v003_20160328update
Author: crosswish
Author URI: http://crosswish.com/
*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
h1, h2, h3, h4, h5, h6 { clear:both; }

/*===================================================
	common style
===================================================*/
body { margin: 0; padding: 0; font-size: 100%; background:transparent; line-height:1.7; font-family:メイリオ, Meiryo, Verdana, Arial, sans-serif; color:#000;  min-width: 1380px;; }
a:link, a:active, a:visited, a:hover { color: #005298; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { vertical-align: bottom; }
strong { font-weight: bold; }
.red { color: #ff0000; }
.clear {
    clear: both;
}
.clear hr {
    display: none;
}

/* framework
-----------------------------------*/
.inner { *zoom: 1; width: 950px; margin: 0 auto; text-align: left; }
.inner:after { content: ""; display: table; clear: both; }

/*#contents #contents-inner { 
    *zoom: 1; 
    width: 950px; 
    margin: 0 auto 0 162px;
    padding: 0 0 60px;
    overflow:hidden;
    float: left;
    }*/
#contents:after { content: ""; display: table; clear: both; }


.clearFix { display:inline-table; }
.clearFix:after {
 display:block; clear:both; visibility:hidden; height:0; line-height:0; font-size:0.1em; content:".";}
/* Hides from IE-mac \*/* html .clearFix { height:1%; }
*:first-child+html .clearFix { height:1%; }
.clearFix { display:block; }
/* End hide from IE-mac */
.clear{
 clear:both; height:0px; line-height:0px;}

.clear　hr{
 display:none; height:0px;}


/****************** Page Layout *******************/
body{
 text-align:center;
 }

a:link{
 color:#0088f1;}

a:hover{
 color:#0088f1; text-decoration:underline;}


img.img-left{
 float:left; margin:0 15px 20px 0;}

.red{
 color:#ff3030;}

.orange{
 color:#ff7930;}

.small{
 font-size:80%;}

.section-10{
 margin-bottom:10px;}

.section-20{
 margin-bottom:20px;}

.section-30{
 margin-bottom:30px;}


/*---------- header ----------*/
#header{
	text-align:center;
}
#header .inner{
	background:#ffffff;
	margin:0 auto;
	width:950px;
	text-align:left;
}
#header .info img.tel {
    float: right;
    margin: 5px 0 3px;
}
#header .inner ul.header-menu {
	margin:0;
	width:115px;
	list-style:none;
	font-size:81%;
	float: right;
}
#header .inner ul.header-menu li {
	float:left;
}
#header .inner ul.header-menu li a{
	display: block;
	background: #112f71;
	color: #fff;
	font-size: 105%;
	font-weight: bold;
	padding: 3px 20px;
}
#header .inner ul.header-menu li a:hover{
	background:#c0e7ff;
	text-decoration:none;
}
#header .info .right-box{
	width: 230px;
    float: right;
    font-size: 90%;
}
#header .info .right-box p {
	font-size: 95%;
	text-align:right;
	margin: 0 3px 2px 0;
}
#header .info .logo-box{    padding-top: 10px;}
#header .info p#hd_tel{
	background:url(images/tel.png) no-repeat left;
	font-size: 220%;
	color: #ff7e00;
	text-align: left;
	padding: 5px 0 0 50px;
	margin-left: 685px;
}
#header-top {
	margin: 0 auto;
	background-color: #c0e7ff;
	    padding: 2px 0;
}
#header-top-inner {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}
#header #header-top-inner h1 {
	display: block;
	float: none;
	width: 100%;
	padding: 3px;
	margin: 0;
	text-align: left;
	color: #ffffff;
	font-size: 84%;
}

/*---------- main-menu ----------*/
#header #mainNav {
	text-align:center;
font-size:80%;
}

#header #mainNav {
	background: #ff921d;
	border-top: 3px solid #fff04d;
}

#header #mainNav ul {
	width: 950px;
	margin: 0 auto;
	padding:5px 0;
}

#header #mainNav ul li {
	padding: 0 20px;
	list-style-type: none;
	display:inline-block;
	font-weight:bold;
}

#header #mainNav ul li:first-child {
 border-left:none;}

#header #mainNav ul li a {
	color: #ffffff;
	text-decoration: none;
}

#header #mainNav ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*---------- topImage ----------*/
section#topImage{position:relative;width:100%;height: 488px;}
div#bgimg{background-image:url(/wp-content/themes/ocean-temp_v002/images/top_image_01.jpg);
	position:absolute;
	width:100%;
	height:488px;
	background-position:center top;
background-size:cover;}
#topImage_inner{width: 970px;
    margin: 0 auto;
	padding:10px 0 0 0;
position:relative;
top:480px;}
#topImage_bottom{
	width: 960px;
	margin: 0 auto;
position:relative;
}

#topImage_bottom h1{
	display:inline-block;
	/*background:url(images/icon_hutaba.png) no-repeat left bottom;
	border-bottom: 3px solid #84cb86;*/
	font-size:200%;
	padding: 20px 0 0 0;
	min-height: 50px;
	margin: 0 0 20px 0;
}

#topImage div#topNavi01 {
	margin: 0;
	padding: 10px 0 0 0;
}

#topImage div#topNavi01 ul li{
	float:left;
	width:240px;
	height:191px;
	margin:10px 0 30px 0;
	vertical-align:bottom;
}

#topImage div#topNavi01 ul li a images{
	vertical-align:bottom;
}

#topImage_bottom h2{
	font-weight:bold;
	font-size:160%;
	width:700px;
	margin:0 auto;
	text-align:left;
}

#topImage_bottom p{
	text-align:left;
	width:700px;
	margin:0 auto 30px auto;
}

#topImage div#topNavi02 ul{
	margin:0 0 0 -10px;
}

#topImage div#topNavi02 ul li{
	float:left;
	width:210px;
	margin:0 0 15px 25px;
	vertical-align:bottom;
}

#topImage div#topNavi02 ul li a{
	display:block;
	width:210px;
	background:#fef7a7 url(images/btn_arrow.png) no-repeat 10px;
	padding:7px 5px 5px 5px;
	color:#000;
}

#topImage div#topNavi02 ul li a:hover{
	background:#F8E58C url(images/btn_arrow.png) no-repeat 10px;
	text-decoration:none;
}




/* breadCrumbs
-----------------------------------*/
.breadCrumbs ol { width: 950px; text-align:left; margin:0 0 0 272px; padding-top:5px; color:#666; }
.breadCrumbs ol li { display: inline; font-size: 80%; }
.breadCrumbs ol li a { margin-right: 8px; }


/*---------- content ----------*/
#contents{
 }
#top #contents-inner{top:230px;}
#contents-inner{
 width:950px; margin:0 auto; background:#fff;position: relative;
 }

#content{
 padding:0 15px 0 14px; text-align:left; height:100%; background:url(images/content_bg.gif) repeat-y 14px 0;}

#main{
 width:665px; float:right; text-align:left; color:#000; margin:0 15px 30px;min-height:500px;}
section.side-bnr{
}

#side_sodan_page{
	position:absolute;
	top:28px;
	left:-200px;
}
#side_areabtn_page{
	position:absolute;
	top:28px;
	right:-200px;
}
#top #side_sodan_page{/*topページだったら*/
	top:-740px;
	left:-220px;
}
#top #side_areabtn_page{/*topページだったら*/
	top:-740px;
	right:-220px;
}
#side_areabtn_page li{margin-bottom: 10px;}

/*---------- format(p,h2-4,blockquote,li,table, ----------*/

#main img.aligncenter { display: block; margin: 0 auto; }
#main img.centered { display: block; margin-left: auto; margin-right: auto; }
#main img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
#main img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
#main .alignright { float: right; }
#main .alignleft { float: left; }

#main p{ margin-bottom:10px;}

#main h1 {
	padding: 20px 10px 20px 30px;
	margin-bottom:10px;
	background: #f8b551;
	color: #000000;
	font-size: 110%;
	font-weight: bold;
}
#main h1.noStyle { padding: 0; border: none; background-color: 
transparent; }

#main h2 {
	position:relative;
	color: #000000;
	font-weight: bold;
	font-size: 100%;
	padding: 10px 10px 10px 25px;
	margin-bottom: 10px;
	margin-top:20px;
	border-left: 8px solid #f8b551;
    border-bottom: 1px solid #f8b551;
}

#main h3 {
	position:relative;
	color: #333333;
	font-weight: bold;
	font-size: 100%;
	padding: 0 10px 1px 20px;
	border-bottom: 1px solid #c1e7ff;
	margin-bottom: 10px;
}

#main h3:after {
	position: absolute;
	top: 0;
	left: 0px;
	color: #c1e7ff;
	content: "●";
}

#main blockquote
{
 border:2px solid #dbdbdb;
 padding:10px 10px 7px 12px;
 background:#ffffff;
 margin-bottom:15px;
}

#main ul
{
 margin-bottom:10px;
}

#main ul li
{
/* background:url(images/li-icon_main.gif) no-repeat 12px 7px;*/
 padding-left:18px;
 list-style-type:none;
position:relative;
}


#main ul li:after {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 5px;
    height: 5px;
    background: #112f71;
    content: "";
}


/*---------- table ----------*/

#main table
{
 width:100%;
 border-collapse:collapse;
 margin-bottom:10px;
 font-size:100%;
 text-align:center;
 line-height:1.7;
}


#main table th
{
 padding:3px 7px;
 background-color:#f0f0f0;
 font-weight:normal;
 line-height:1.7;
}

#main table td
{
 padding:3px 7px;
 line-height:1.7;
}

#main table.border-table
{
 border:2px solid #cccccc;
}

#main table.border-table th
{
 border:1px solid #cccccc;
}

#main table.border-table td
{
 border:1px solid #cccccc;
}


/*---------- main ----------*/


#main .pan-list
{
 font-size:90%;
 margin:0 0 10px;
 text-decoration:none;
}

#main .pan-list a
{
 text-decoration:none;
}

#main .top
{
 margin-bottom:0;
}

#main .service
{
 width:213px;
 background:#ffffff;
 float:left;
 border:1px solid #99684a;
 margin-bottom:10px;
}

#main .service h3
{
 padding:1px 0 0 1px;
 margin:1px 1px 5px;
 border-bottom:4px solid #d6d6d6;
 background:#eb5f00;
 font-size:100%;
}

#main .service h3 a
{
 color:#ffffff;
 text-decoration:none;
 padding-left:10px;
}

#main .service h3 a:hover
{
 color:#ffffff;
 text-decoration:underline;
}

#main .left
{
 margin-right:9px;
}

#main .right
{
 margin-right:0;
}


#main ul.service-ul-box
{
 list-style:none;
}

#main ul.service-ul-box li
{
 background:url(images/li-icon01.gif) no-repeat 10px 6px;
 padding-left:25px;
}

#main ul.service-ul-box li a
{
 color:#333333;
 text-decoration:none;
}

#main ul.service-ul-box li a:hover
{
 color:#e13000;
 text-decoration:underline;
}



#main #ft_info
{clear:both;
 background:url(images/ft_bg.png) no-repeat;
 padding:16px;
min-height: 218px;
	    margin-bottom: 20px;
}

#main #ft_info #ft_left {
	margin-left: 15px;
}

#main #ft_info #ft_left ul li:after {
    position: absolute;
    top: 14px;
    left: 5px;
	height:0;
    content: "";
    border: 7px solid transparent;
    border-left: 10px solid #fff;
	background:none;
}
#main #ft_info{
	margin-top: 45px;
}

#main #ft_info p{
margin: 30px 0 0 5px;
}

#main #ft_info #ft_left ul li
{
padding: 0 0 0 25px;
    background: #f8b551;
    margin: 0 0 5px 0;
    display: block;
	width: 260px;
    height: 34px;
    line-height: 2.5em;}
#main #ft_info #ft_left ul li a{color:#333;    display: block;
    width: 285px;height: 34px;}
#main #ft_info #ft_left ul li:hover{background:#fffbcd;}


/*---------- sub ----------*/

#top #sub {
 padding:5px 8px 0 13px;
}

#sub
{
	width:232px;
	height:100%;
	float:left;
	margin:0 0 30px 0;
	padding:0 8px 0 13px;
	text-align:center;

}

#sub #sub_contact p{
	border: 2px solid #9ede0d;
	background: url(images/side_contact.png) no-repeat;
	height: 43px;
	padding: 140px 0 0 0;
	font-size: 160%;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,1);
	margin:0 0 15px 0;
}


#sub ul li
{
 background-image:none;
 padding-left:0;
}

#sub h3
{
	padding:0;
	margin:0;
	font-weight:bold;
	padding:17px 0 0 0;
}

#sub #side_sodan {
width:232px;
	height:230px;
	background: url(images/side_contact.png) no-repeat;
}

#sub #side_sodan li {
	padding-top: 5px;
    font-size: 120%;
    color: #112f71;
}

#sub #side_access {
	margin:0 auto 15px;
	background:#fff;
	padding: 5px 5px 5px 5px;
	border: 1px solid #cccccc;	
}

#sub #side_access ul {
	background: #ffffff;
font-size:80%;
}

#sub #side_access p{
        font-size:80%;
}

#sub #side_supportprice{
 padding:0;
 list-style:none;
 margin:0 0 10px;
}

#sub .side-botton
{
 padding:0;
 list-style:none;
 margin:20px 0 15px;
}

#sub .side-botton li
{
 text-align:center;
 padding:0;
 margin:0 0 5px;
}

#sub .side-botton li a img
{
 padding:0;
 margin:0;
}

#sub ul.side-botton02
{
	padding:0;
	list-style:none;
	margin: 0 auto 10px auto;
	width: 210px;
}

#sub ul.side-botton02 li
{
	text-align:center;
	padding:0;
	margin:0 0 5px 0;
}

#sub ul.side-botton02 li#side_access{
	background-image: url(images/bk_side_access2.gif);
	background-repeat:no-repeat;
	background-position: bottom;	
	height:500px;
	over-flow:visible;
	line-height:1;
}

#sub ul.side-botton02 li a img
{
	padding:0;
	margin:0;
	vertical-align:bottom;
}

/*-----------------menubox-------------------------*/

#sub #menu-side-menu,
#sub .menuBox {
	margin: -1px auto 15px;
}


#sub .menuBox h1 { 
padding:0;
	margin:0;
	background:#9ede0d;
	font-weight:bold;
	padding:10px 0 5px 0;
	border-radius:5px 5px 0 0;
}

#sub .menuBox h1 a {
 color:#000;
} 

#sub .menuBox ul {
	margin: -1px auto 15px;
	background: #fff7b3 url(images/bg_contents_menu.png);
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: left;
}

#sub .menuBox ul li {
	margin-top:1px;
	border:none;
	font-size:86%;
}

#sub .menuBox ul li a {
	padding: 5px 0;
	display: block;
	background: #fff url(images/li-icon02.gif) no-repeat 8px 8px;
	border-bottom: 1px solid #ccc;
	padding-left: 25px;
	color: #010101;
	text-decoration: none;
}
	
#sub .menuBox ul li a:hover,
#sub .menuBox ul li.current_page_item a
{
	background: #f9fab9 url(images/li-icon02.gif) no-repeat 8px 8px;
	border-bottom: 1px solid #b0a06f;
	color: #e13000;
	text-decoration: none;
}

#sub #menu-side-menu li,
#sub .menuBox .side-menu li  {
 padding:0;
 list-style:none;
 margin-top:1px;
 text-align:left;
}

#sub #menu-side-menu {
	border: 1px solid #bebebe;
	background: #fff;
	text-align: left;
}

#sub #menu-side-menu li {
	margin-top: 1px;
	border: none;
	font-size: 86%;
	border-bottom: 1px solid #bebebe;
}

#sub #menu-side-menu li:last-child {
	border-bottom:none;
}

#sub #menu-side-menu li a {
	position: relative;
	padding: 5px 0;
	display: block;
	padding-left: 25px;
	color: #010101;
	text-decoration: none;
}

#sub #menu-side-menu li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #f8e58c;
}

#sub #menu-side-menu li a:hover{
	background:#f8f6ed;
}



#sub .menuBox ul li a:hover,
#sub .menuBox ul li.current_page_item a
{
	background: #f9fab9 url(images/li-icon02.gif) no-repeat 8px 8px;
	border-bottom: 1px solid #b0a06f;
	color: #e13000;
	text-decoration: none;
}

#sub #menu-side-menu li,
#sub .menuBox .side-menu li  {
 padding:0;
 list-style:none;
 margin-top:1px;
 text-align:left;
}
#sub .blogSide .menuBox > ul.side-menu-archive {
	background: none; 
        border:none;
margin:20px 0px 0px;
padding:0px;
	}

#sub .blogSide .menuBox > ul.side-menu-archive > li > a {
	background:#FF921D;
 line-height:1.2em;
 padding:10px 0 5px;
border-bottom:5px solid #FFE447;
	font-size: 114%; 
	text-align: center;
	color:#fff; 
	font-weight:bold;

	}


#sub .side-syozaichi
{
 text-align:center;
 color:#030303;
 padding-bottom:15px;
}

#sub img.click
{
 margin:10px 0 5px;
}

#sub .side-search
{
 text-align:center;
 padding-left:3px;
 margin-bottom:20px;
}

#sub .side-search h3
{
 text-align:left;
 padding-left:15px;

}

#sub .side-search input#search
{
 width:170px;
 padding:0; 
}

#main .side-search input#search2
{
 width:300px;
 padding:0; 
}


#sub .side-search input#submit
{
 width:37px;
 padding:0; 
}

/*--------- search ----------*/

#main dl.dl-search
{
 margin-bottom:20px;  
}

#main dl.dl-search dt a
{
 background:url(images/li-icon01-2.gif) no-repeat 0 3px;
 padding-left:15px;
 margin-bottom:3px; 
}

#main dl.dl-search dd
{
 color:#666666;
}


/*---------footer ----------*/
footer {
	text-align: center;
	margin: 100px 0 0 0;
}
#footer-top{
	width:1000px;
	margin:0 auto;
	padding: 60px;
}

#footer-top ul li{
	float:left;
	width: 150px;
	margin: 0 0 0 50px;
}
#footer-top ul li:first-child{margin-left:0;}

#footer-top ul li a{
	color:#202020;
	display:block;
	width:150px;
	font-size:85%;
	font-weight:bold;
	padding: 100px 0 0 0;
	margin-top:0;
	transition: margin-top 0.3s ease 0s;
}

#footer-top ul li:nth-child(1) a{background:url(images/footer-btn01.png) no-repeat 12px;}
#footer-top ul li:nth-child(2) a{background:url(images/footer-btn02.png) no-repeat 20px;}
#footer-top ul li:nth-child(3) a{background:url(images/footer-btn03.png) no-repeat 15px;}
#footer-top ul li:nth-child(4) a{background:url(images/footer-btn04.png) no-repeat 15px;}
#footer-top ul li:nth-child(5) a{background:url(images/footer-btn05.png) no-repeat 20px;}

#footer-top ul li a:hover{margin-top:-10px;}


footer p.gotop{
	width: 950px;
	margin: 0 auto;
	text-align: right;
	margin-top: -60px;
}

footer p.gotop a{
	display: inline-block;
	height: 70px;
	width: 80px;
	border-radius: 80px;
	background: #c0e7ff;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
	font-size: 120%;
	color: #202020;
}
#top #footer-bottom{position:relative;top:230px;}
#footer-bottom{
	background:#c0e7ff;
	text-align:left;
	padding:20px 0 80px 0;
}

#footer-bottom h4{
	font-weight:bold;
	font-size:120%;
}

#footer-inner
{
	width: 950px;
	margin:0 auto;
	padding:25px 0;
	font-size:80%;
}

#footer-menu , #footer-info{
	width:450px;
	float:left;
}
#footer-menu ul {padding-left: 1em;}
#footer-menu ul li{list-style-type:disc;}
#footer-menu ul li a{color:#202020;}
#footer-info{
	border:1px solid #7a7a7a;
	margin-bottom: 50px;
	padding:15px;
}
#footer-info dl{line-height: 1.4;}
#footer-info dl dt:nth-child(1){display:inline-block;margin-bottom:8px;}
#footer-info dl dd:nth-child(2){display:inline-block;padding-left: 1em;}
#footer-info dl dd:nth-child(4){margin-bottom:8px;}
#footer-info dl dt:nth-child(5){display:inline-block;width:5em;}
#footer-info dl dd:nth-child(6){display:inline-block;}

#footer-inner p#copyright {
	text-align: center;
	margin: 0;
	color: #2a2a2a;

}

#footer-inner  #footerNav  {
	clear:both;
}

#footer-inner  #footerNav #menu-footer-menu {
	display:block;
	text-align:center;
	margin:0 auto 10px;
}

#footer-inner #footerNav #menu-footer-menu li:first-child {
	border-left:none;
}

#footer-inner #footerNav #menu-footer-menu li {
	display:inline-block;
	border-left:1px solid #2a2a2a;
	padding:0 10px;
}

#footer-inner #footerNav #menu-footer-menu li a {
	color: #2a2a2a;
}

/*--------- topArea ----------*/
div#topArea {
	margin-bottom: 10px;
}

#main #topArea ul{
	margin:0 0 0 -10px;
	padding:0;
}

#main #topArea ul li{
	list-style:none;
	background:none;
	margin: 0 0 5px 10px;
	padding:0;
	float:left;
}
#main #topArea ul li:after{background:none;}

/*--------- footer box ----------*/

#main div#ft_box{
	background:#ffe7a8;
	padding:15px 32px 10px;
	border-radius:5px;
}

#main div#ft_box ul{
	width: 260px;
	float: left;
	margin:0;
	padding:0;
}

#main div#ft_box ul li{
	width: 260px;
	float: left;
	margin:0 0 9px;
	padding:0;
	list-style:none;
	background:none;
}

#main div#ft_box ul li img{
	vertical-align:bottom;
}

#main div#ft_box p#ft_img{
	float: right;
	width:330px;
	text-align:right;
}

#main div#ft_box p#ft_tel{
	text-align:center;
}

#main div#ft_box ul li:after{background:none;}
/*---------blog ----------*/
#sub h3.side-blog
{
background:#eb5f00;
color:#ffffff;
background-image:none;
border:none;
margin:0 auto;
margin-bottom:0;
padding:3px 0;
font-weight:bold;
text-align:center;
width:210px;
}

#sub .calender-content
{
width:210px;
margin:10px auto 20px;
}

#sub .calendar table
{
text-align:center;
width:100%;
font-size:80%;
line-height:140%;
color:#5f5f5f;
}

#sub .calendar table th.sun
{
color:#ee0000;
}

#sub .calendar table th.sat
{
color:#0000be;
}

#main img.blog-banner
{
margin-bottom:20px;
}


#main .entry-box
{
border-bottom:1px solid #cccccc;
padding-bottom:20px;
margin-bottom:30px;
}

#main .entry-box h1 a
{
color:#ffffff;
text-decoration:none;
}

#main p.date
{
color:#339966;
padding:0;
font-weight:bold;
margin-bottom:10px;
}

#main .page-pre-next
{
text-align:center;
}

#main .page-pre-next ul
{
list-style:none;
font-size:90%;
margin:0 0 20px 0;
}

#main .page-pre-next ul li
{
display:inline;
margin:0;
padding:0;
}

#main .page-pre-next ul li.pre,
#main .page-pre-next ul li.home
{
margin:0 5px 0 0;
border-right:1px solid #cccccc;
padding:0 5px 0 0;

}

#main .page-pre-next ul li.pre2,
#main .page-pre-next ul li.next2
{
display:block;
width:4em;
}

.blog
{
border-top:1px solid #cccccc;
}

#main .page-pre-next ul.page-li li
{
 background-image:none;
}

#main .page-archive
{
text-align:center;

}

/*--------- staff ----------*/
div.staffBox{margin-bottom:5px;
}

div.staffBox div.staffText{float:right;width:430px;padding-top:5px;}

/*--------- staff ----------*/

#main div.staff_b {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
}
#main div.staff_b img, #main ul.staff_s img {  
    float: left!important;
    margin-right: 10px;
}
#main div.staff_b h3 {  
    clear:none;
}
#main div.staff_b table {
    width:430px;
}
/*------------------------------------
    Add Style
----------------------------------*/
/*--------- あんしん36 ----------*/
#main #anshin36 table th {
	width:40%;
	background-color:#3d62ac;
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #FFFFFF;
	border: 1px solid #ccc;
}
#main #anshin36 table td {
	width:60%;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
}
#main #anshin36 table span.kingaku {
	font-size:150%;
	font-weight:bold;
	color:#ff0000;
}

/* ------------  セミナーツール申込みボタン　------------- */
#main .seminarBtn li:after {
 background:none;
}
.seminarBtn li a {
  background: #ffb428;
  background-image: -webkit-linear-gradient(top, #ffd254, #fdaf4);
  background-image: -moz-linear-gradient(top, #ffd254, #fdaf4);
  background-image: -ms-linear-gradient(top, #ffd254, #fdaf4);
  background-image: -o-linear-gradient(top, #ffd254, #fdaf4);
  background-image: linear-gradient(to bottom, #ffd254, #fdaf4);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 23px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
display:block;
width:80%;
margin:5px auto;
text-align:center;
}

.seminarBtn li a:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #ffe499, #ffe499);
  background-image: -moz-linear-gradient(top, #ffe499, #ffe499);
  background-image: -ms-linear-gradient(top, #ffe499, #ffe499);
  background-image: -o-linear-gradient(top, #ffe499, #ffe499);
  background-image: linear-gradient(to bottom, #ffe499, #ffe499);
  text-decoration: none;
}
/* ------------  no-boeder　------------- */
#main table.no-boeder{border:none;}
#main table.no-boeder td{border:none;}

/* LP-Noside */
#contents.noside{padding-top:0;}
.wide-content {width:100%;margin:auto;padding-left:15px;padding-right:15px;box-sizing: border-box; display:block;text-align: left;background:#fff;font-size:1em;}
.wide-content .breadCrumbs ol {width:100%; margin:0;}
.wide-content img {max-width:100%;height:auto;}
.wide-content .pull-left{float: left;}
.wide-content .pull-right{float: right;}
.wide-content .clearfix2{display: inline-block;}
.wide-content .clearfix2:after{ content: "."; display: block; height: 0; font-size:0;clear: both; visibility:hidden;}
.wide_title{margin:0 auto 0;width:100%;padding:20px;border:1px solid #333; box-sizing:border-box;}
.wide_title h1 { position: relative !important; background: none !important; padding-left: 15px !important; border-bottom:1px solid #CCC !important;font-size:1em !important;text-shadow: none !important;font-size:2.2em !important;color:#333 !important;padding-top:10px !important;padding-bottom: 10px !important;}
.wide_title h1::before{ position: absolute; content:" "; width:6px; height: 60%; background:#6cc258; left:0; top:20%;}
.wide_title h1::after{ display: none !important;}
@media screen and (max-width:480px){
.wide_title{width:100%;}
}
.wide-content h2 {
	padding: 20px 10px 25px 30px;
	margin-bottom:10px;
	background: url(images/h1_wide.png) no-repeat;
	background-size:contain;
	color: #000000;
	font-size: 110%;
	font-weight: bold;
}
.wide-content h2.noStyle { padding: 0; border: none; background-color:
transparent; }
.wide-content .page_top_img{
	width:100%;
	padding:0;
	box-sizing:border-box;
	margin-bottom:20px;
	background-color:#6cc258;
	overflow:hidden;
	position:relative;
}
.wide-content .top_img{
	width:35%;
	float:left;
	margin:0;
	padding:0;
	margin-right:10px;
	line-height: 0;
}
.wide-content .page_top_txt{
	box-sizing: border-box;
	padding:5px 10px;
	width:62%;
	margin-left:37%;
}
.wide-content .page_top_img .ind li{
	margin:0 !important;
	padding:0 !important;
	font-size:1.2em;
	line-height:1.5em !important;
	color:#fff;
}
.wide-content .page_top_img .ind a{
	color:#fff;
}
.wide-content .page_top_img .ind li::after{
        content:none !important;
}
.wide-content .page_top_img .ind li::before{
        display:inline-block;
        content:"● " !important;
	font-size:1.3em;
        color:#fff;
        padding-right:10px;
        background:none !important;
        position:relative !important;
        top:0 !important;
}

#pageFooter{
	clear:both;
	border: 2px solid #DBEEFE;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto 20px auto;
    width: 100%;}


#pageFooter h2.ttl_kanren {
	position: absolute;
    padding: 0;
	top:-18px;
	display:inline-block;
	background:#fff;
    margin:0 0 10px;
    font-size: 125%;
    border:none;
	line-height: 1;
}
#pageFooter h2.ttl_kanren::before {
	display: none;
}
#pageFooter h2.ttl_kanren::after{content:"";}
#pageFooter ul li.page_item {
    width: 275px;
    list-style-type: none;
    padding-left: 14px;
    display: inline-block;
    vertical-align: top;
}
#pageFooter ul li.page_item {
    width: 260px;
    padding-left: 14px;
}

.wide-content .top_relate_box{ 
       background:#fff;
       padding:10px;
       overflow:hidden;
}
.wide-content .top_relate li{ 
       white-space: nowrap;
	margin:0 5px;
        padding:0 !important;
        float:left;
        color:#003567;
}
.wide-content .top_relate li::before,.top_relate li::after{
        display:none;
}
.wide-content .top_relate li a{
        text-decoration:underline;
        color:#003567;
}
.wide-content .top_relate li a:hover{
        text-decoration:none;
}
.wide-content .content__wide{
padding-bottom:30px;
}

.wide-content .content__wide .box{
width:100%;
box-sizing:border-box;
margin:auto auto 10px;
background:#fff;
border:3px solid #eee;
padding:30px;
overflow:hidden;
}
.wide-content > .content__wide .box__wide{width:95%;box-sizing:border-box;padding:30px;border:3px solid #eee;margin:auto auto 10px;overflow:hidden;}
.wide-content > .content__wide .box__wide p,.wide-content > .content__wide .box__wide ul{width:100%;box-sizing:border-box;border:none;padding:0;}
@media screen and (max-width:480px){
	.wide-content .content__wide .box{
	width:100%;
	padding:10px;
	}
}
.wide-content .box_relate {
position: relative;
    margin: 1em 0;
    padding: 20px 0;
    clear: both;
    border: 2px solid #eee;
    border-radius: 8px;
    margin: 30px auto 0 auto;
    box-sizing: border-box;
    position: relative;
}

.wide-content .box_relate .box-title {
    font-size: 1.2em;
    color: #003864;
    font-weight: bold;
    position: absolute;
    padding: 0;
    top: -18px;
    display: inline-block;
    background: #fff;
    margin-bottom: 10px;
    font-size: 140%;
    border: none;
    line-height: 1;
    margin-left: 20px;
}
.wide-content .box_relate .box-title::before{content: url(images/icon_book.png);
    position: relative;
    top: 6px;
    margin-right: 5px;}

.wide-content .box_relate ul{
	padding:0.5em 10px 0;
	display:inline-table; 
}
.wide-content .box_relate ul:after {
 display:block; clear:both; visibility:hidden; height:0; line-height:0; font-size:0.1em; content:".";}
/* Hides from IE-mac \*/* html .clearFix { height:1%; }
*:first-child+html .wide-content .box_relate ul { height:1%; }
.wide-content .box_relate ul { display:block; }

.wide-content .box_relate ul li{
        white-space: nowrap;
	margin:5px 10px;
        padding:0 !important;
        float:left;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.wide-content .box_relate ul li::before{
        display:none;
}
.wide-content .box_relate ul li a{
    text-decoration: none;
    display: inline-block;
    padding: 5px 15px;
}
.wide-content .box_relate ul li a:hover{
        text-decoration:none;
}
@media screen and (max-width:480px){
.wide-content .box_relate ul li{
        float:none;
}
}
.wide-content .box_relate ul li::after{display:none !important;}
.wide-content .box {width: 100%;box-sizing: border-box;padding:10px;border: 1px solid #CCC; border-radius: 10px;overflow: hidden;margin-top:10px;}

/* /LP-Noside */

/* ------------  trust form　------------- */
#trust-form ul li:after{content:none;background: none;}

/* ------------  エリアページ　------------- */
#main ul.area-list li{float: left;padding: 10px 20px; background: #dae000; border-radius: 5px; line-height: 1em; font-weight: bold;margin-left:10px;}
#main ul.area-list li:first-child{margin-left:0;}
#main ul.area-list li:after {content:none;background: none;}
#main ul.areaPage li{float:left;padding-left:20px;}
#main ul.areaPage li:nth-child(odd){padding-left:0;}
#main ul.areaPage li:after {content:none;background: none;}

/* ------------  業務内容　------------- */
#main ul.gyoumu{margin:0 auto;}
#main ul.gyoumu li{
    display: block;
    width: 285px;
    height: 93px;
    border: 1px solid #112f71;
    text-align: center;
    padding: 30px 10px 0 10px;
    font-size: 110%;
    color: #112f71;
	float: left;
	margin-bottom: 10px;
}
#main ul.gyoumu li:nth-child(3){height:103px;padding-top:20px;}
#main ul.gyoumu li:nth-child(5){height:103px;padding-top:20px;}
#main ul.gyoumu li:nth-child(6){height:103px;padding-top:20px;}
#main ul.gyoumu li:nth-child(7){height:103px;padding-top:20px;}
#main ul.gyoumu li:nth-child(8){height:123px;padding-top:3px;}
#main ul.gyoumu li:nth-child(odd){margin-right:10px;}
#main ul.gyoumu li:after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 19px;
    height: 19px;
    background: url(images/gyoumu_bg.png) no-repeat;
    content: "";
}
/*右バナー*/
#right-side-area01
{
	position: absolute;
	right: -160px;
	width: 154px;
}
/*フォーム*/
#main #mailForm table { border-top: 1px dotted #ccc; }
#main #mailForm table th, #main #mailForm table td { padding: 15px; border: none; border-bottom: 1px dotted #ccc; }
#main #mailForm table th { position: relative; width: 35%; vertical-align: middle; padding-right: 40px; background: transparent; font-size: 107%; font-weight: normal; }
#main #mailForm table th .require { position: absolute; top: 50%; right: 5px; padding: 3px 5px 0; margin-top: -10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #ff0000; color: #fff; font-size: 71%; }
#main #mailForm table th span.require {
    padding: 3px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #ff0000;
    color: #fff;
    font-size: 71%;
}

#main .mw_wp_form_confirm #mailForm table td .submessage,
#main .mw_wp_form_confirm #mailForm table th span.require {display:none;}
#main #mailForm table td input, #main #mailForm table td select, #main #mailForm table td textarea { padding: 8px 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid #dfdfdf; background-color: #f7f7f7; font-size: 114%; }
#main #mailForm table td input.inputName { width: 50%; }
#main #mailForm table td input.inputMail { width: 80%; }
#main #mailForm table td input.inputAddress { width: 20%; }
#main #mailForm table td input.inputTel { width: 30%; }
#main #mailForm table td textarea.inputAddress { width: 90%; }
#main #mailForm table td textarea.inputContact { width: 90%; height: 150px; }
#main #mailForm table td .error { padding-top: 5px; }
#main #mailForm table td div.submessage { padding-top: 5px; font-size: 80%; color:#666;}
#main #mailForm table td ul { margin: 0; }
#main #mailForm table td ul li { display: inline; padding: 0; margin-right: 10px; background-image: none; }
#main #mailForm #confirm-button { text-align: center; }
#main #mailForm #confirm-button input { padding: 15px 30px; border: 1px solid #4b62e0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #6394dd; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6394DD', endColorstr='#FF5E8FD8'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6394dd), color-stop(54%, #3c6ebc), color-stop(100%, #5e8fd8)); background-image: -webkit-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%); background-image: -moz-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%); background-image: -o-linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%); background-image: linear-gradient(top, #6394dd 0%, #3c6ebc 54%, #5e8fd8 100%); color: #fff; font-size: 129%; cursor: pointer; }
#main #mailForm #confirm-button input:hover { background-color: #5e8fd8; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5E8FD8', endColorstr='#FF6394DD'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e8fd8), color-stop(54%, #3c6ebc), color-stop(100%, #6394dd)); background-image: -webkit-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%); background-image: -moz-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%); background-image: -o-linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%); background-image: linear-gradient(top, #5e8fd8 0%, #3c6ebc 54%, #6394dd 100%); }
#main #mailForm #confirm-button input.back { background:#000;}