/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

p {	font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*clearfix*/
.clearfix:after { content: "";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

/*--
#003399　以前の青
#0000FF	 基本的な青
#66ccff　全体の背景色
#0000cc	 ヘッダ背景、フッタ背景、H3素材
#000099　フォントとH1,H2素材（濃い青）
#CCEEFF　h1 h2素材（薄い青）
padding:上px 右px 下px 左px;
--*/

/*  Layout
----------------------------------------------- */
img {
	vertical-align:top;
	margin:0;
	padding:0;
}

body {
    background:#FFFFFF;
    padding:0;
    margin:0;
	border-top:20px solid #66ccFF;
}

#header-bg{
width:100%;
	margin:0 auto;
	padding:0;
	height:50px;
	background-color:#66ccff;
}

#header {
	width:950px;
	margin:0 auto;
	padding:0;
	height:50px;
	background-color:#0000cc;
}

#header h1 {
	width:600px;
	margin:0;
	padding:15px 0px 10px 15px;
	float:left;
	font-size:16px;
        font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	line-height:100%;
}

#header h1 a {
	color:#FFFFFF;
	text-decoration:none;
}

#header h1 a:hover {
	text-decoration:none;
}

#header #telephone {
	width:300px;
	text-align:right;
	padding:6px 10px 0px 0px;
	margin:0;
	float:right;
}

#header #telephone span {
	font-size:17px;
	color:#FFFFFF;
        font-weight:bold;
	line-height:100%;
}
	
#main-img {
	width:100%;
	height:210px;
	margin:0;
	padding:0;
	background-color:#66ccFF;
}

#main-img #main-img-wrap {
	width:940px;
	height:210px;
	margin:0 auto;
	padding:5px 5px 5px 5px;
	background-color:#FFFFFF;
	border:0px solid #003399;
}

#content-wrap {
	width:100%;
	margin:0;
	padding:0;
	background-color:#66ccFF;
}

#content-wrap #main-area {
	width:930px;
	margin:0 auto;
	padding:5px 10px 20px 10px;
	text-align:left;
	background-color:#FFFFFF;
}

#navigation {
    float:right;
    width:250px;
    padding:0;
}

#sidebar {
	width:250px;
    padding:12px 0px 0px 0px;
}

#content
{
	float:left;
	width:665px;
	margin:0;
	padding:0;
}


/*  ◆◆◆◆◆　見出し　H1 H2 H3　◆◆◆◆◆　 */

#content h1{
background-color:#CCEEFF;
color:#000099 !important;
font-size:20px !important;
font-weight:bold !important;
border-bottom:2px solid #000099;
padding:5px 15px;
line-height:150%;
margin:-5px 0px 0px 0px;
}

#content h2 {
	width:auto;
	height:27px;
	background:url(https://u.jimcdn.com/cms/o/sfdf98b916e0a10c4/userlayout/img/midashi02-bg01.jpg?t=1453011751) no-repeat;
	font-size:16px !important;
	font-weight:bold !important;
	color:#000099 !important;
	line-height:110% !important;
	padding:10px 0px 0px 20px;
	margin:5px 0px 10px 0px;
}

#content h3 {
border-bottom:1px dashed #0000cc;
border-left:5px solid #0000cc;
line-height:180%;
padding-left:5px;
}

#sidebar h3 {
border-bottom:1px dashed #0000cc;
border-left:5px solid #0000cc;
line-height:180%;
padding-left:5px;
}


/*  ◆◆◆◆◆　フッター設定　◆◆◆◆◆　 */

#footer {
	width:100%;
	height:auto;
	background:#66ccFF;
	color:#DCDCDC !important;
    clear:both;
	font-size:12px !important;
	text-align:left;
	margin:0;
	padding:0px 0px 20px 0px;
}

#footer #sys-footer {
	width:930px;
	height:auto;
	margin:0 auto;
	background-color:#0000cc !important;
	font-size:10px !important;
	padding:0px 10px 10px 10px;
	line-height:100% !important;
	color:#DCDCDC !important;
}

#footer #sys-footer2 {
	width:950px;
	height:auto;
	margin:0 auto;
	background-color:#0000cc !important;
	font-size:10px !important; /*  ◆◆◆　効いてない　◆◆◆　 */
	padding:5px 0px 0px 0px;
	line-height:120% !important;
	color:#DCDCDC !important;
}

#footer a:link,
#footer a:visited {
    text-decoration:underline;
    color:#FFFFFF !important;
}
#footer a:active { text-decoration:none; }
#footer a:hover { text-decoration:none; }


#footer #sys-footer a:link,
#footer #sys-footer a:visited {
    text-decoration:none;
    color:#C0C0C0 !important;
}
#footer #sys-footer a:active { text-decoration:underline; }
#footer #sys-footer a:hover { text-decoration:underline; }



/*  ◆◆◆　メニューの挙動　◆◆◆　 */

ul.mainNav1,
ul.mainNav2,
ul.mainNav3 {
    margin:0;
    padding:0;
}

ul.mainNav1 li,
ul.mainNav2 li,
ul.mainNav3 li
{
    display:block;
    margin:0;	
    padding:0;
	list-style:none;
	width:250px;
}

ul.mainNav1 li a
{
    font-size:14px;
    text-decoration:none;
	width:222px;
    display:block;
    color:#5A5A5A !important;
	background:url(https://u.jimcdn.com/cms/o/sfdf98b916e0a10c4/userlayout/img/list-mark01.gif?t=1453032837) left top no-repeat #F7F7F7;
	border-bottom:#D8D8D8 1px solid;
	margin:0px;
}

ul.mainNav2 li a
{
    font-size:14px;
    text-decoration:none;
	width:222px;
    display: block;
    color:#5A5A5A !important;
	background:#F7F7F7;
	border-bottom:#D8D8D8 1px solid;
	margin:0;
}

ul.mainNav3 li a
{
    font-size:14px;
    text-decoration: none;
	width:203px;
    display: block;
    color:#5A5A5A !important;
	background:url(https://u.jimcdn.com/cms/o/sfdf98b916e0a10c4/userlayout/img/list-mark02.gif?t=1451224594) left top no-repeat #F7F7F7;
	border-bottom:#D8D8D8 1px solid;
	margin:0;
}

ul.mainNav1 li a { padding:8px 0px 7px 28px; }
ul.mainNav2 li a { padding:8px 0px 7px 28px; }
ul.mainNav3 li a { padding:8px 0px 7px 47px; }

ul.mainNav1 a:hover { color:#5a5a5a; font-weight:bold; text-decoration:none; background-color:#DFDFDF;}
ul.mainNav1 a:visited { color:#5A5A5A !important; }
ul.mainNav1 a:active { color:#5A5A5A !important; }
ul.mainNav1 a.current { font-weight:bold; background-color:#DFDFDF; text-decoration:none;}

.skiptoform {
	margin-top:14px !important;
	margin-right:2px !important;
}

#footer .inforow {
	display:none;
}