@charset "utf-8";
/* ===================================================================
CSS information

 file name  :common.css
 author     :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */


/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	color: #444;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Droid Sans", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%; /* 文字の拡大縮小を防ぐ */
	background: #f1f1f1;
}


/*タップ時のカラー指定*/
a {-webkit-tap-highlight-color: rgba(200,200,555,.6);}  

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


/* clearfix */
.clearfix{
	zoom:1;
}
.clearfix:after {
	display:block; 
	clear:both;
	content:""; 
}

a.button{
	color:  #000;
	text-decoration: none;
	border: 1px solid #cfcfcf;
	display: block;
	padding: 10px 15px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 0 0 1px 1px #fff inset;
	-moz-box-shadow: 0 0 1px 1px #fff inset;
	box-shadow: 0 0 1px 1px #fff inset;
}

a.button i.icon-caret-right{
	color: #097299;
}

p.attention{
	color: #fc0000;
	padding-bottom: 15px;
}


/*----------------------------------------------------
	#header 	ヘッダー
----------------------------------------------------*/
header {
	padding: 15px;
	background: #393939;
	color: #fff;
	overflow: hidden;
}

header a{
	color: #fff !important;
}

header h1{
	float: left;
}

header nav{
	float:  right;
}

header nav ul li{
	display: inline;
	margin-left: 20px;
}

header nav ul li.user{
	background: url(../images/header/icon_header_user.gif) no-repeat left center;
	padding-left: 24px;
}

header nav ul li.help{
	background: url(../images/header/icon_header_help.gif) no-repeat left center;
	padding-left: 24px;
}

header nav ul li.logout{
	background: url(../images/header/icon_header_logout.gif) no-repeat left center;
	padding-left: 24px;
}

/*----------------------------------------------------
	#contents 	コンテンツ
----------------------------------------------------*/
#contents{
	width: 100%;
	overflow: hidden;
	background: none repeat scroll 0 0 #f1f1f1;
}

/*----------------------------------------------------
	#main 	メインコンテンツ
----------------------------------------------------*/
#main {
	width: 100%;
	float: right;
}

#main .box_main{
	margin: 20px 0 80px 250px;
	padding: 0 15px 0 80px;
	position: relative;
}

#main .box_main .open_btn{
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	border: 1px solid #097299;
	border-left: none;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
}

#main .box_main .open_btn a{
	display: block;
	padding: 15px;
	color: #fff;
	text-decoration: none;
	background: #097299;
	border: 1px solid #1283ad;
	border-left: none;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
}

/*----------------------------------------------------
	aside#sub 	サブコンテンツ
----------------------------------------------------*/
aside#sub{
	width: 250px;
	margin-right: -250px;
	float: left;
	background: #097299;
	padding: 20px 0;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	position: relative;
}

aside#sub h1{
	text-align: center;
	margin-bottom: 30px;
}

aside#sub nav{
	margin-bottom: 30px;
}

aside#sub nav ul.nav{
	border-bottom: 1px solid #1283ad;
}

aside#sub nav ul.nav li{
	border-top: 1px solid #1283ad;
	border-bottom: 1px solid #1283ad;
}

aside#sub nav ul.nav li:first-child{
	border-top: none;
}

aside#sub nav ul.nav li.top a{
	background: url(../images/side/icon_sub_top.gif) no-repeat  15px center;
}

aside#sub nav ul.nav li.cms a{
	background: url(../images/side/icon_sub_cms.gif) no-repeat  15px center;
}

aside#sub nav ul.nav li.analytics a{
	background: url(../images/side/icon_sub_access.gif) no-repeat  15px center;
}

aside#sub nav ul.nav li.user a{
	background: url(../images/side/icon_sub_user.gif) no-repeat  15px center;
}

aside#sub nav ul.nav li.contact a{
	background: url(../images/side/icon_sub_contact.gif) no-repeat  15px center;
}

aside#sub nav ul.nav li.manual a{
	background: url(../images/side/icon_sub_manual.gif) no-repeat  15px center;
}

aside#sub nav ul.nav li.open{
	background: url(../images/side/icon_sub_close.gif) no-repeat 208px 13px;
}

aside#sub nav ul.nav li.close{
	background: url(../images/side/icon_sub_open.gif) no-repeat 208px 13px;
}

aside#sub nav ul.nav li a{
	display: block;
	color: #fff;
	font-size: 110%;
	text-decoration: none;
	padding: 13px 18px 13px 52px;
}

aside#sub nav ul.nav li ul.inner li ul.inner_in{
	border: 0;
}
aside#sub nav ul.nav li ul.inner li ul.inner_in li{
	border-bottom: 1px dashed #adafaa;
}
aside#sub nav ul.nav li ul.inner li ul.inner_in li:first-child{
	border-bottom: 1px dashed #adafaa;
	border-top: 0;
}
aside#sub nav ul.nav li ul.inner li ul.inner_in li:last-child{
	border-bottom: 0;
}
aside#sub nav ul.nav li ul.inner li ul.inner_in li a{
	border: 0;
	font-weight: normal;
}

aside#sub nav ul.nav li ul.inner li ul.inner_in li a i.icon-caret-right{
	color: #666666;
	padding-left: 5px;
}

aside#sub nav ul.nav li ul.inner{
	display: none;
}

aside#sub nav ul.nav li ul.inner li{
	border: none;
	background: #FFF;
	padding: 0 5px;
}

aside#sub nav ul.nav li ul.inner li:first-child{
	border-top: 1px solid #86bdd1;
}

aside#sub nav ul.nav li ul.inner li a{
	color: #444;
	border-bottom: 1px dashed #1e97c4;
	padding-left: 25px;
	background: none;
	font-size: 100%;
	font-weight: bold;
}

aside#sub nav ul.nav li ul.inner li a i.icon-caret-right{
	color: #097299;
	margin-right: 6px;
}

aside#sub nav ul.nav li ul.inner li.health_side a{
	border-top: 1px dashed #1e97c4;
}

aside#sub nav ul.nav li ul.in{
	display: none;
}

aside#sub nav ul.nav li ul.in li{
	border: none;
	background: #F5F5E5;
}

aside#sub nav ul.nav li ul.in ul li{
	border: none;
	background: #FFF;
}

aside#sub nav ul.nav li ul.in li:first-child{
	border-top: 1px solid #86bdd1;
}

aside#sub nav ul.nav li ul.in li a{
	color: #000;
	border-bottom: 1px dashed #1e97c4;
	padding-left: 25px;
	background: none;
}

aside#sub nav ul.nav li ul.in li a i.icon-caret-right{
	color: #097299;
	margin-right: 6px; 
}

aside#sub nav ul.nav li ul.in li:last-child a{
	border-bottom: none;
}
aside#sub section ul li{
	text-align: center;
	margin-bottom: 10px;
}



/*----------------------------------------------------
	#footer 	フッター
----------------------------------------------------*/
footer {
	padding: 25px 35px 15px;
	background: #393939;
	color: #fff;
	clear: both;
}

footer h1 i.icon-caret-down{
	color: #919191;
	margin-right: 8px;
}

footer nav{
	margin-top: 10px;
}

footer h3{
	padding: 5px 0 0px 0;
}

footer h3 a{
	color: #fff;
}
footer nav ul{
	margin-left:13px;
	margin-bottom:10px;
}

footer nav ul li{
	display: inline;
	margin-right: 20px;
	background: url(../images/footer/icon_footer_popup.gif) no-repeat right center;
	padding-right: 20px;
}

footer nav ul li a{
	color: #fff !important;
}

footer .copyright {
	margin-top: 10px;
	color: #777;
}

/*----------------------------------------------------
	共通パーツ
----------------------------------------------------*/