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

 Author : AbleMarketing
 created: 2012/09/10
	updated: 

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/





/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 margin set

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 34px;
	margin-left: 0;
}
table {
	margin:0 0 1.5em 0;
}
ul {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}
li {
	list-style:none;
}
ol {
	margin:0 0 1.5em 1.8em;
	padding:0;
}
img {
	padding:0;
	margin:0;
	border:0;
}

.mr0 {
	margin-right: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}

.left {
	float:left;
}
.right {
	float:right;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 base style

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
html {
}
body#common_top {
	height: 100%;             /* #containerのmin-heightに対して必要なもの */
	background:#f8f8f8 url(../images/common/bk_top01.jpg) repeat-x;
	text-align:center;
	top:0px;
	margin: 0;
	padding: 0;
}
body#common {
	height: 100%;             /* #containerのmin-heightに対して必要なもの */
	background:#f8f8f8 url(../images/common/bk_common01.jpg) repeat-x;
	text-align:center;
	top:0px;
	margin: 0;
	padding: 0;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 site common settings

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
*{
		text-align:left;
	}
#wrapper_top {
	background:url(../images/common/bk_top02.jpg) no-repeat top center;
	position: relative;       /* フッターの為の位置決め用 */
	height: auto !important;  /* IE6対策：この2行で */
	height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
	min-height: 100%;         /* 中身が少なくても高さ100%にする */
}
#wrapper {
	background:url(../images/common/bk_common02.jpg) no-repeat top center;
	position: relative;       /* フッターの為の位置決め用 */
	height: auto !important;  /* IE6対策：この2行で */
	height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
	min-height: 100%;         /* 中身が少なくても高さ100%にする */
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 Global Header top

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

div#global_header {
	width:960px;
	height:405px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#logo_wrapper {
	width:201px;
	height:52px;
	float:left;
	clear:right;
	padding-left:22px;
}
div#global_header .logo a {
	border:none;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 GlobalNavigation

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
ul#gnaviBox_top {
	width:918px;
	height:59px;
	margin:0 auto;
	padding:0;
	display:block;
}
ul#gnaviBox_top li {
	float:left;
	padding:0;
	margin:0;
}
ul#gnaviBox_top li.about a {
	width:185px;
	height:59px;
	clear:right;
}
ul#gnaviBox_top li.service a {
	width:182px;
	height:59px;
	clear:right;
}
ul#gnaviBox_top li.case a {
	width:182px;
	height:59px;
	clear:right;
}
ul#gnaviBox_top li.company a {
	width:182px;
	height:59px;
	clear:right;
}
ul#gnaviBox_top li.contact a {
	width:187px;
	height:59px;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 GlobalNavigation

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
ul#gnaviBox {
	width:918px;
	height:59px;
	margin:0 auto;
	padding:0;
	display:block;
}
ul#gnaviBox li {
	float:left;
	padding:0;
	margin:0;
}
ul#gnaviBox li.about a {
	width:185px;
	height:59px;
	clear:right;
}
ul#gnaviBox li.service a {
	width:182px;
	height:59px;
	clear:right;
}
ul#gnaviBox li.case a {
	width:182px;
	height:59px;
	clear:right;
}
ul#gnaviBox li.company a {
	width:182px;
	height:59px;
	clear:right;
}
ul#gnaviBox li.contact a {
	width:187px;
	height:59px;
}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 Footer

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

div#footer_wrapper {
	background:#c7dce6;
	width:100%;
	height:auto;
	padding:0px 0px 20px;
	margin: 0 auto 0;
	bottom: 0;/* フッターが下に来るようにする */

}
div#footer_content {
	width:960px;
	height: auto;
	margin: 0 auto 80px;
	padding: 20px;
}
ul.footerlink01 {
	width:220px;
	float:left;
	padding-left:0px;
}
ul.footerlink02 {
	width:220px;
	float:left;
	padding-left:40px;
	clear:right;
}
ul.footerlink03 {
	width:220px;
	float:left;
	padding-left:40px;
	clear:right;
}
ul.footerlink01 a, ul.footerlink02 a, ul.footerlink03 a {
	height:24px;
	line-height:24px;
	color: #548ca7 !important;
}
p.below {
	padding-left:14px;
}
p.below a {
	height:18px;
	line-height:18px;
}
div.footer_logo {
	width:213px;
	height:auto;
	float:right;
	padding:0;
	margin:0px;
}
div.footer_logo p.f_logo{ padding:0; margin-bottom:20px;}
div.footer_logo p.f_sns{ padding:0; margin-bottom:0px;}


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 下層　メインコンテンツ
 

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
p#panquz {
	line-height:1.4em;
	margin-bottom:10px;
	font-size:11px;
}
p#panquz a {
	line-height:1.4em;
	margin-bottom:10px;
	font-size:11px;
	color:#999;
	text-decoration:underline;
}
div#wrapper #global_header {
	height:125px;
}
div#global_header_inner {
	height:58px;
}
div#main_content {
	width:682px;
	float:left;
	overflow: visible;
	text-align:left;
	padding: 1em 1em 5em;     /* フッターの内容量によっては下方向のpaddingを調整 */
	}
div.main_content {
	width:682px;
	float:left;
	overflow: visible;
}
div.main_content_1column {
	width:auto;
	overflow: visible;     /* フッターの内容量によっては下方向のpaddingを調整 */
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 5em;
	padding-left: 1em;
	}
p.pagetop{
	margin: 50px auto 0;
padding: 0;
width: 960px;
text-align: right;
	}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 下層　サイドメニュー
 

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

div#side_content {
	width:206px;
	height:auto;
	float:right;
	background:url(../images/sidemenu/side_box_header.png) no-repeat;
}
div#side_content ul.side_navi {
	width:180px;
	margin:12px auto 0;
}
div#side_content ul.side_navi li {
	height:31px;
	padding:0px;
}
div#side_content p.side_box_footer {
	background:#F8F8F8;
	padding:0;
	margin:0;
}
div#side_menu_content {
	width:206px;
	height:auto;
	float:right;
	background-image:none;
	text-align:center;

}



div#side_menu_content ul.side_menu_navi {
	width:206px;
	margin:0px auto 0;
	background:url(../images/sidemenu/side_menu_bg.png) no-repeat bottom center;
	padding:0 0 17px;
	text-align:center;

}
div#side_menu_content ul.side_menu_navi li{
	padding:0px;
	margin:0 auto;
	text-align:center;
}

div#side_menu_content ul.side_menu_navi li.head,
div#side_menu_content ul.side_menu_navi li.head img{
	height:13px; margin:0; padding:0; vertical-align:top;}

div#side_menu_content,
div#side_menu_content ul.side_menu_navi,
div#side_menu_content li,
div#side_menu_content img,
div#side_menu_content a{
	line-height:100%;
	font-size:100%;
	}




/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 下層　見出し
 

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
h1#ablemarketing {
	line-height:52px;
	height:52px;
	font-size:12px;
	color:#0090d4;
	font-weight:800;
	text-indent:20px;
}
h2.tti {
	width:918px;
	height:89px;
}
h2.tti {
	background:url(../images/common/h2_title_917.png) no-repeat;
	width:917px;
	height:74px;
	margin-bottom:15px;
}
h2.tti span {
	height:74px;
	line-height:74px;
	font-size:20px;
	font-weight: bold;
	color:#0090d4;
	padding-left:38px;
}
h3.mtitle {
	background:url(../images/common/h3_tti_670.png) no-repeat;
	background-position:2px 0px;
	padding:0px 0px 0px 19px;
	margin-bottom:15px;
	height:22px;
}
h3.mtitle span {
	height:22px;
	line-height:22px;
	font-size:20px;
	color:#0090d4;
	font-weight:800;
}
h3.mtitle_none {
	background:none;
	padding:0px;
	margin-bottom:15px;
	height:22px;
	text-align:center;
}
h3.mtitle_none span {
	height:22px;
	line-height:22px;
	font-size:20px;
	color:#0090d4;
	font-weight:800;
}