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

/****************
 * 共通スタイル *
 ****************/
body
{
	width:840px;
	height:auto;
	padding:0;
	margin:0 auto;
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	line-height:20px;
	color:#333;
}

img
{
	border:none;
}
img.imgSign
{
	float:right;
	padding: 20px;
}
img.imgBanner
{
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

a
{
	outline:none;
	cursor:pointer;
}

a:hover
{
	color:#0CF;
}

p
{
	word-wrap:break-word;
	word-break:break-all;
}

span.spnRed
{
	color:red;
}

.clear {
	clear: both;
	height:0;
}


/******************
 * ヘッダスタイル *
 ******************/
div.divHeader
{
	padding-top:10px;
	height:105px;
	width:840px;
	background:url(../images/common/logo_line.gif) repeat-x left;
}

div.divHeader .divLogo
{
	float:left;
	/*width:840px;
	height:88px;
	margin-left:40px;*/
}

div.divHeader .divLogo a.aLogo
{
	margin-left: 20px;
    margin-right: 10px;
}

div.divHeader .divLogo a.aLogoIf
{
	margin-left: 20px;
    margin-right: 10px;
}

div.divHeader .divLogo a.aLogoZensoren
{
	margin-left: 20px;
    margin-right: 10px;
}

/********************
 * メニュースタイル *
 ********************/
div.divMenu
{
	float:left;
	width:234px;
	font-size:13px;
	/*margin-top:15px;*/
}

div.divMenu ul
{
	list-style:none;
	padding:0;
	margin:0;
}

div.divMenu ul li.liMenuHeader
{
	display:block;
	height:38px;
	background:url(../images/common/menu_header1.gif) no-repeat left;
}
div.divMenu ul
{
	margin-bottom: 30px;
}

p.liMenuHeader
{
	color:#FFF;
	font-weight: bold;
	margin:0;
	padding: 10px 0px 0px 36px;
}

div.divMenu ul li a
{
	text-decoration:none;
	color:#333;
	display:block;
	height:35px;
	line-height:35px;
	background:url(../images/common/menu.gif) no-repeat left;
	padding-left:36px;
}

div.divMenu li.current a
{
	background:url(../images/common/menu2.gif) no-repeat left;
}

div.divMenu li a:hover
{
	background:url(../images/common/menu2.gif) no-repeat left;
}
div.divMenu ul li.sub a
{
	text-decoration:none;
	color:#333;
	display:block;
	height:35px;
	line-height:35px;
	background:url(../images/common/menu_sub.gif) no-repeat left;
	padding-left:36px;
}

div.divMenu li.sub.current a
{
	background:url(../images/common/menu2_sub.gif) no-repeat left;
}

div.divMenu li.sub a:hover
{
	background:url(../images/common/menu2_sub.gif) no-repeat left;
}
div.divMenu li.wide
{
	background-color: #FBFBFB;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	padding: 6px;
}
div.divMenu div.businessButton
{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

div.divMenu div.businessButton a
{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	border-radius: 4px;
	color: #ffffff;

	background: #ff9900; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9900 0%, #ff9322 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff9900 0%,#ff9322 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff9900 0%,#ff9322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff9322',GradientType=0 ); /* IE6-9 */

	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #c58668;
}
div.divMenu div.businessButton a:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
div.divMenu div.businessButton a span.spnSub
{
	font-size: 16px;
}

/**********************************
 * トップページコンテンツスタイル *
 **********************************/
div.divContentsTop
{
	margin-top:15px;
	margin-bottom:286px;
}

#topImg
{
	list-style:none;
	padding:0;
	margin:0;
}

h1{
	margin-bottom:-35px;
	margin-top:30px;
	text-indent:-100%;
}

h2{
	margin-top:-37px;
}

ul.ulTopImg li {
   position:absolute;
}


/********************
 * ログアウトボタン *
 ********************/
div.divMenu div.divLogout
{
	text-align:center;
	margin-top:30px;
}


/******************
 * フッタスタイル *
 ******************/
 div.divFooter
{
	height:38px;
	width:840px;
	background-color:#1D87C2;
	font-size:12px;
	text-align:center;
	margin-top:30px;
	/*margin-bottom:5px;*/
}

div.divFooter ul
{
	/*margin:0;*/
	padding:0;
	list-style:none;
}

div.divFooter ul li
{
	display:inline;
	line-height:38px;
	color:#FFF;
}

div.divFooter ul li a
{
	text-decoration:none;
	color:#f6f;
	margin-left:10px;
	margin-right:10px;
}

div.divFooter ul li a:hover
{
	text-decoration:underline;
	color:#51fd9a;
	/*color:#0CF;*/
}

div.divFooter span
{
	line-height:18px;
}


/**********************
 * コンテンツスタイル *
 **********************/
div.divContents
{
	/*clear:both;*/
	width:576px;
	float:right;
	/*margin-top:15px;*/
	/*padding-left:30px;*/
}

div.divContents p.pTitle
{
	width:576px;
	height:43px;
	background:url(../images/common/title_back.gif) no-repeat left;
	margin:0;
	font-size:20px;
	line-height:41px;
	color:#0004A9;
	padding-left:40px;
}

div.divContents p.pExplain
{
	padding:0 15px;
	margin-bottom:30px;
}
div.divContents p.pExplainIndent
{
	padding:0 15px;
	text-indent:-1em;
	padding-left:1em;
}


/********************************
 * トップアンカーリンクスタイル *
 ********************************/
div.divLinkAnchor
{
	clear:both;
	height:20px;
	width:840px;
	text-align:right;
	margin-top:20px;
}


/**********************************
 * 追加分 2015/10 *
 **********************************/

/* サイドバー */
div.divMenu ul.addMenu li a
{
	font-size: 120%;
	text-decoration:none;
	color:#333;
	display:block;
	height:45px;
	line-height:45px;
	background:url(../images/common/menu_add.png) no-repeat left;
	padding-left:36px;
}

div.divMenu ul.bnrMenu li a
{
	height:auto;
	background:none;
	padding-left:0;
	margin-bottom:10px;
}


/* メインコンテンツ */
div.divContents p.pCaption
{
	color:#0004A9;
	font-size:18px;
	padding-left:10px;
}

div.divContents p.pTitle2
{
	font-size: 16px;
	border-bottom:2px solid #0b7eac;
	padding-bottom:4px;
	padding-left:10px;
}

div.divContents div.divExplain
{
	padding:0 15px;
	margin-top:20px;
	margin-bottom:30px;
}

div.divContents div.divExplain img
{
	width: 100%;
}

.officerTabel
{
	width:100%;
	border-collapse:collapse;
}

.officerTabel th
{
	font-weight:normal;
	background:#f5f5f5;
	border:1px solid #ccc;
	text-align:center;
	padding:8px 12px;
}

.officerTabel td
{
	border:1px solid #ccc;
	text-align:center;
	padding:8px 12px;
}

.businessTabel
{
	width:100%;
	border-collapse:collapse;
	table-layout: fixed;
}

.businessTabel th,
.businessTabel td
{
	word-wrap:break-word;
	overflow-wrap:break-word;
	word-break:break-all;
}

.businessTabel th.thName
{
	width:40%;
}
.businessTabel th.thURL
{
	width:50%;
}

.businessTabel th
{
	font-weight:normal;
	background:#f5f5f5;
	border:1px solid #ccc;
	text-align:center;
	padding:8px 12px;
}

.businessTabel td
{
	border:1px solid #ccc;
	text-align:left;
	padding:8px 12px;
}

.businessTabel td.noData
{
	background:#f1f1f1;
}

.businessTabel td.tdArea
{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}


/**********************************
 * トップページ バナースタイル    *
 **********************************/
div.banner{
	padding-left: 3px;
	padding-right: 3px;
}

div.banner div.bannerL{
	clear: both;
	width: 100%;
	height: 152px;
	margin-top: 15px;
}

div.banner div.bannerL a{
	float: left;
}

div.banner div.bannerL a.left{
	margin-right: 16px;
}

div.banner div.bannerL a img.outline{
	border: 1px solid #ccc;
}

div.banner div.bannerM{
	clear: both;
	width: 100%;
	height: 75px;
	margin-top: 15px;
}

div.banner div.bannerM a{
	float: left;
}

div.banner div.bannerM a.left{
	margin-right: 16px;
}

div.banner div.bannerM a img.outline{
	border: 1px solid #ccc;
}

div.banner div.bannerS{
	clear: both;
	width: 100%;
	height: 61px;
	margin-top: 15px;
}

div.banner div.bannerS a{
	float: left;
}

div.banner div.bannerS a.left{
	margin-right: 15px;
}

div.banner div.bannerS a img.outline{
	border: 1px solid #ccc;
}