@charset "utf-8";


/* footer position --------------------------------  */

/* scroll bar */
html{overflow-y:scroll;}

/* footer fixed bottom */
html{ height:100%;}
body{ height:100%;}

/* footer inside container */
/*
* html #container{height:100%;}
div#container{position:relative;min-height: 100%;}
body > #container {height: auto;}
div#main{padding-bottom:30px;}
#footer{position:absolute;bottom:0px;height:30px;}
*/

/* footer inside containerWrap */
* html #containerWrap{height:100%;}
div#containerWrap{position:relative;min-height: 100%;}
body > #containerWrap {height: auto;}
div#container{padding-bottom:80px;}
#footer{position:absolute;bottom:0px;height: 60px;background: #006699;width: 100%;}
#footerInner { height: 55px;padding-top:5px;}


/* frame layout  ----------------------------------  */

body#home { background: url(../img/body_bg.jpg) repeat-x #fff;}
#home #containerWrap { background: url(../img/body_bg2.jpg) no-repeat center 143px; }
body { background: url(../img/body_bg_sub.jpg) repeat-x #fff;}
#containerWrap { background: url(../img/body_bg_sub2.png) no-repeat center 159px; }

#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 143px;
	position: relative;
}

#main {
	width: 690px;
	float: right;
	margin-bottom: 20px;
}

#sidebar {
	width: 236px;
	float: left;
	margin-top: 16px;
}

#footerInner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/* header  ------------------------------------------  */

#header #logo {
	position: absolute;
	left: 0px;
	top: 32px;
}

#header #summary {
	position: absolute;
	left: 0px;
	top: 6px;
	font-size: 91%;
}

#sNavi {
	position: absolute;
	right: 0px;
	top: 40px;
}

#gNavi {
	position: absolute;
	left: 13px;
	bottom: 8px;
}

#headerMail { 
	position: absolute;
	top: 26px;
	left: 428px;
}

#headerTel {
	position: absolute;
	top: 26px;
	left: 700px;
}

/* mainvisual  --------------------------------------  */

#mainVisual {
	margin-top: 16px;
	height: 283px;
	position: relative;
}

#mvTitle {
	position: absolute;
	left: -7px;
	top: 0px;
}

#mvPhoto {
	position: absolute;
	right: 28px;
	bottom: 0px;
	z-index:2;
}

#mvText1 {
	position: absolute;
	right: 32px;
	top: 6px;
}

#mvText2 {
	position: absolute;
	right: 32px;
	bottom: 8px;
	z-index:3;
}



#mvTitle img,#mvPhoto img { display: block;}

#mvInfo {
	position: absolute;
	width: 402px;
	height: 222px;
	background: url(../img/mainvisual_info_bg.png) no-repeat ;
	top: 74px;
	font-size: 132%;
}

#mvInfo .inner {
	padding: 11px 16px 0 16px;
	letter-spacing: normal;
}

#main #mvInfo p{ margin-bottom: 6px;}
#main #mvInfo ul { margin-bottom: 8px;}

#mvBtn a {

}

#mvBtn a:hover { }

/* maintitle  --------------------------------------  */

#mainTitle {
	background: url(../img/maintitle_bg.png) no-repeat;
	height: 82px;
	width: 694px;
	margin-top: 16px;
	position: relative;
}

#mainTitle h2 {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 28px;
	left: 18px;
}

#mainTitle h2.double  {
	top: 38px;
}

#mainTitle p.double  {
	font-weight: bold;
	position: absolute;
	font-size: 116%;
	color: #fff;
	left: 18px;
	top: 19px;
}


/* main common class  -------------------------------  */

#pankuzu {
	text-align: right;
	font-size: 91%;
	letter-spacing: 0.04em;
	padding: 0 8px;
	margin-bottom: 4px;
}

.subTitle1 {
	font-size: 138.5%;
	color: #006699;
	font-weight: bold;
	border-left: 3px solid #006699;
	padding: 0 0 0 8px;
	margin: 20px 0 12px;
	letter-spacing: normal;
}

.arrowLink a,
a.arrowLink {
	padding: 0 0 0 16px;
	background: url(../img/arrow.png) no-repeat left center;
	text-decoration: none;
}

#main .editEntry .arrowLink { margin-left:0;}
#main .editEntry .arrowLink li { list-style: none;margin: 0;}

#main #pagetop {
	text-align: right;
	margin: 20px 0 10px;
}

#pagetop { 
	text-align: right;
	clear: both;
	margin: 0 0 4px;
}

#pagetop a { 
	outline: none;
}

#pagetop2 { display: none;text-indent:-9999px;width:0px;height:1px;background:;}

#main #page-links {
	text-align: center;
	padding: 48px 0 10px;
	line-height: 1;
}

#main #page-links > span,
#main #page-links > a {
	display: inline-block;
	margin: 0 8px;
	padding: 8px 10px 6px;
	border-radius: 3px;
}

#main #page-links > span {background: #DEDEDE;}
#main #page-links > a { background: #397CD4;text-decoration: none;color: #fff;}
#main #page-links > a:hover { opacity: 0.7;}



/* sidebar  -----------------------------------------  */

#sidebar {
	background: url(../img/side_bg1.png) no-repeat;
}

#sidebarInner {
	padding: 43px 4px 30px;
	background: url(../img/side_bg2.jpg) no-repeat bottom;
}

#sideNaviTitle{ display: none;}

#sideNavi { 
	font-size: 116%;
	margin-bottom: 16px;
	padding: 0 8px 0;
}

#sideNavi a {
	padding: 6px 0 0 24px;
	height: 29px;
	background: url(../img/side_navi1.jpg) no-repeat;
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
	text-decoration: none;
}

#sideNavi a:hover,#sideNavi .active a {
	background-position: 0 -50px;
}

#sideNavi a.parentActive {
	background-position: 0 -50px;
}

#sideNavi ul { margin-bottom: 4px;}

#sideNavi li li a {
	background: url(../img/side_navi2.png) 16px center no-repeat;
	padding: 3px 0 0 34px;
	height: 26px;
	margin-bottom: 0px;
	font-weight: normal;
}

#sideNavi li li a:hover,#sideNavi li li.active a {
	background: url(../img/side_navi2.png) 16px center no-repeat #E3F6FF; 
}

* html #sideNavi li { height:0px;width: 100%;display: block;}

#introNavi {
	padding: 10px;
	background: url(../img/side_intro_bg.png);
	height: 102px;
	width: 188px;
	margin: 0 0 10px;
}

#sideNavi #introNavi a {
	padding: 0px 0 0 32px;
	height: auto;
	background: url(../img/side_intro_icon.png) no-repeat left 0px;
	display: block;
	margin: 2px 0 2px;
	font-weight: bold;
	text-decoration: none;
}

#sideNavi #introNavi .active a{ color: #0080ff}

#sideNavi #introNavi ul li a {
	padding: 0px 0 0 32px;
	height: auto;
	background: url(../img/arrow.png) no-repeat 10px 4px;
	display: block;
	margin-bottom: 2px;
	font-weight: normal;
	text-decoration: none;
}

#sideLink p {
	background: url(../img/side_link_title.png) no-repeat;
	height: 29px;
	margin: 0 0 10px;
	text-indent: -9999px;
}

#sideLink ul {
	padding: 0 8px 0;
	margin: 0 0 20px;
}

#sideLink li {
	margin: 0 2px 6px;
	padding: 0 0 0 17px;
	background: url(../img/arrow.png) 0px 2px no-repeat;
}

#sideInquiry p {
	background: url(../img/side_inquiry_title.png) no-repeat;
	height: 29px;
	margin: 0 0 10px;
	text-indent: -9999px;
}

#sideInquiry dl { padding: 0 8px 8px;}

#sideInquiry dt { 
	background: #ebebeb;
	padding : 2px 4px;
	text-align: center;
	width: 57px;
	float: left;
	border-radius: 4px;
	margin: 0 6px 0 0;
}

#sideInquiry dd {
	padding: 2px 0;
}

#sideInquiry dd.mail { font-size: 10px;padding-top:4px;}
#sideInquiry dd.nofloat { clear: both;}


#sideColumn { margin: 0 0 14px 0;}

#sideColumn a {
	background: url(../img/arrow_red.png) 2px center no-repeat;
	font-size: 132%;
	font-weight: bold;
	padding: 3px 0 0 20px;
	text-decoration: none;
	display: block;
	height: 26px;
}

#sideColumn a:hover,#sideColumn .active a {
	background: url(../img/arrow_red.png) 2px center no-repeat #E3F6FF; 
}

#sideBudget {
	padding: 8px 0 0;
}

#sideBudget ul { margin-bottom: 20px;}

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

#footerInner p {
	color: #fff;
	text-align: center;
}

#copyright {
	width: 960px;
	position: absolute;
	text-align: center;
	bottom: 5px;
	color: #fff;
}



/* top  ---------------------------------------------  */

#home .editEntry img.block {
	display: inline-block;
	margin: 0 10px 15px 0;
}

#home .editEntry img.btn {
	display: inline-block;
	margin: 0 0px 15px 0;
}

#topLink {
	border: 3px solid #d6d6d6;
	padding: 8px 12px;
	margin: 0 0 20px;
}

#topLink ul { margin: 0;}
#topLink p{ float: left;margin: 0 16px 0 0;}
#topLink li {float: left;margin: 0 14px 0;padding: 0 0 0 17px;background: url(../img/arrow.png) 0px 2px no-repeat;}
#topLink ul { display: inline;}

#home #main .editEntry .topReason { background:#4A77BA;color:#fff;padding: 7px 4px 7px 4px;min-height: 43px;border-bottom:none;margin:22px 0 14px;font-weight:bold;font-size: 116%;}
#home #main .editEntry .topReason img { display:inline-block;margin-right: 6px;}

#home #main .editEntry #topReason1,
#home #main .editEntry #topReason2,
#home #main .editEntry #topReason3 {
	background: #5BB8D4;
}

#home #main .editEntry #topReason4,
#home #main .editEntry #topReason5,
#home #main .editEntry #topReason6 {
	background: #5CABE8;
}

#home #main .editEntry h3#topReason7,
#home #main .editEntry h3#topReason8,
#home #main .editEntry h3#topReason9 {
	background: #4A77BA;
}

#home #topVoice { padding: 0 0 10px 0;}
#home #topVoice p { padding: 14px 0 0 0;}
#home #topVoice img { display: block; margin: -14px 10px 26px 0;}

.topSubCont {
	background: url(../img/top_subcont_border.gif) repeat-y;
	border-top: 1px solid #6EBFF5;
	border-bottom: 1px solid #6EBFF5;
	padding: 4px 0;
	margin: 0 0 20px;
}

.topSubCont .inner {
	background: url(../img/top_subcont_border2.gif) repeat-y;
	padding: 8px 15px;
	min-height: 80px;
}

.topSubCont .left {
	width: 140px;
	float: left;
}

.topSubCont .right {
	width: 520px;
	float: right;
}

.flow-text img {
	vertical-align: -4px;
	margin-right: 6px;
}


/* voice ------------------------------------ */

#main .editEntry .voice-table,
.voice-table th,
.voice-table td {
	border: none;
	padding: 0;
	vertical-align: top;
}

.voice-table .voice-comment {
	background: #E6EBF0;
	border-radius: 8px;
	padding: 15px;
	width: 585px;
}