@charset "utf-8";
@import "../../../common/css/mp.css";

@media print {
	html,
	body {
		zoom: 0.75;
	}

	#wrapper {
		display: table!important;
	}

	#main_column, 
	#sub_column {
		display: table-cell!important;
		float: none!important;
	}
}

/* reset
--------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,div,address,pre,a,map,form,table,textarea,input {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1.3;
}

h1,h1 a,
h2,h2 a,
h3,h3 a,
h4,h4 a,
h5,h5 a,
h6,h6 a,
dt,dt a {
	font-weight: bold;
}

hr {
	display: none;
}

img {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	font-size: 0;
}
a img {
	display: inline;
	vertical-align: top;
}

ul,
ol {
	list-style: none;
}

table {
	border-collapse: collapse;
}

th {
	text-align: left;
}

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

body {
	background-color: #fff;
	font-size: 81.25%;
	color: #000;
}
html>/**/body {
	font-size: 13px;
}

/* end reset
--------------------------------------------------------------*/


/* common parts
--------------------------------------------------------------*/
/* clearfix */
.clearfix:after,
.clearfix_list li:after,
.clearfix_list dl:after {
	content: url(../../../common/images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix,
.clearfix_list li,
.clearfix_list dl {
	display: inline-block;
}
.clearfix,
.clearfix_list li,
.clearfix_list dl {
	display: block;
}

/* margin */
.mb1em {
	margin-bottom: 1.3em;
}

/* text-align */
.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

/* indent */
.text_list_dot,
.text_list_dot li,
.text_list_dot dd {
	padding-left: 0.5em;
	text-indent: -0.5em;
}

/* remarks */
.remarks {
	text-indent: -1em;
	padding-left: 1em;
}

/* block01 */
.block01 {
	padding: 10px;
	background-color: #efefef;
}

.block01_inner {
	padding: 20px;
	border: 1px solid #afafaf;
	background-color: #fff;
}

/* block02 */
.block02 {
	padding: 15px 0 5px;
	background-color: #efefef;
}

.block02 .title {
	margin: -15px 0 12px;
}

.block02_shadow {
	margin: 0 13px 8px 15px;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.block02_inner {
	padding: 20px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

/* block03 */
.block03 {
	background: url(../images/line_dot02v.gif) repeat-y 0 0;
}

.block03_inner01 {
	background: url(../images/line_dot02.gif) repeat-x 0 0;
}

.block03_inner02 {
	padding: 21px;
	background: url(../images/line_dot02.gif) repeat-x 0 100%;
}


/* block04 */
.block04 {
	padding: 2px;
	border: 1px solid #878787;
}

.block04_inner {
	padding: 23px;
	border: 1px solid #bfbfbf;
}

/* adobe_reader */
.adobe_reader .bnr {
	float: left;
}

.adobe_reader .txt {
	float: right;
	width: 545px;
}

/* lead_block */
.lead_block {
	margin: 0 16px 35px;
}

.lead_block .copy {
	margin-bottom: 25px;
}

/* decimal01 */
ul.decimal01 li {
	padding-left: 1.1em;
	text-indent: -1.1em;
}

/* def_list01 */
.def_list01 {
	padding: 1px 0 1px 1px;
	border: 1px solid #afafaf;
	background-color: #fff;
}

.def_list01 dl {
	background-repeat: repeat-y;
	background-position: 0 0;
}

.def_list01 dt,
.def_list01 dd {
	float: left;
	padding: 7px 12px;
}

.def_list01 dt {
	border-top: 1px solid #c7c7c7;
	color: #fff;
}

.def_list01 dd {
	border-top: 1px solid #afafaf;
}

.def_list01 dl.first dt,
.def_list01 dl.first dd {
	border-top: none;
}

.def_list_w150 dl {
	background-image: url(../images/bg_dt150.gif)
}

.def_list_w150 dt {
	width: 126px;
}

.def_list_w150 dd {
	width: 568px;
}

/* pagetop_mid */
.pagetop_mid {
	height: 10px;
	margin-top: 10px;
	overflow: hidden;
	text-align: right;
}


.inner {
	background: url(../images/back01.gif) no-repeat left bottom;
	padding: 20px;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

/* end common parts
--------------------------------------------------------------*/


/* common layout
--------------------------------------------------------------*/
/* line-height */
#main_column p,
#main_column li,
#main_column dt,
#main_column dd,
#main_column a {
	line-height: 1.4;
}

body {
	background: url(../images/body_back.gif) repeat-x left top;
}

#wrapper {
	width: 100%;
	background: url(../images/body_back.gif) repeat-x left top;
}

/* header */
#header {
	width: 100%;
	background: url(../images/header_back.gif) no-repeat right top;
}

#header #header_box {
	margin: 0 auto;
	width: 980px;
	height: 75px;
	position: relative;
	background: #fff url(../images/header_back.gif) no-repeat 582px top;
}

#header .logo {
	position: absolute;
	left: 5px;
	top: 13px; 
}

#header .btn01,
#header .btn02 {
	position: absolute;
	right: 0;
}

#header .btn01 {
	top: 11px;
}

#header .btn02 {
	top: 41px;
}


#gnavi ul {
	margin: 0 auto;
	text-align: left;
	width: 980px;
	background: url(../images/bg_gnavi.gif) no-repeat right top;
}

#gnavi ul li {
	float: left;
}

#gnavi ul li a {
	float: left;
	height: 54px;
	display: block;
}

#gnavi ul li.index {
	padding-left: 1px;
}

#gnavi ul li.service a {
	background: url(../images/gnavi02_on.gif) no-repeat left top;
}

#gnavi ul li.company a {
	background: url(../images/gnavi03_on.gif) no-repeat left top;
}

#gnavi ul li.service a:hover {
	background-color: #fff;
}

#gnavi ul li.service a:hover img {
	visibility: hidden;
}


#key_visual {
	clear: both;
}

#key_visual,
#key_visual_flash {
	width: 100%;
	background-color: #0a3472;
}

#key_visual .key_visual_inner {
	width: 100%;
	padding-bottom: 1px;
	background: url(../images/line.gif) repeat-x scroll left bottom #262626;
}

#key_visual .title {
	width: 980px;
	margin: 0 auto;
	padding: 0 1px;
	background-color: #0a3472;
}

#key_visual .key_visual_inner .title {
	background-color: #1c1c1c;
}

#key_visual, #key_visual_flash {
	background: url(../images/line.gif) repeat-x scroll left bottom #262626;
	padding-bottom:1px;
}


/* contents */
#contents {
	width: 980px;
	margin: 20px auto;
	padding: 0 1px;
}

#main_column {
	float: left;
	width: 750px;
}

#sub_column {
	float: right;
	width: 230px;
}

/* pickup */
#sub_column .pickup {
	padding-bottom: 13px;
}

#sub_column .pickup .title {
	margin-bottom: 7px;
}

#sub_column .pickup li {
	margin-bottom: 7px;
}

/* pagetop_link */
#pagetop_link {
	width: 980px;
	margin: 0 auto 12px;
	padding: 0 1px;
}

#pagetop_link .pagetop {
	text-align: right;
}

/* footer */
#footer {
	width: 100%;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	background: #c4c4c4 url(../images/bg_footer.gif) repeat-x 0 0;
}

#footer .footer_inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0 1px;
	background: #c4c4c4 url(../images/bg_footer.gif) repeat-x 0 0;
}

#footer .navi {
	width: 691px;
	margin-left: 1px;
	padding: 14px 0 10px 8px;
	background: url(../images/icon_arrow03.gif) no-repeat 0 50%;
}

#footer .navi a {
	font-size: 84.62%;
}

#footer address {
	position: absolute;
	right: 0;
	top: 13px;
	/*width: 364px;*/
}

#footer address .copyright {
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}


/* end common layout
--------------------------------------------------------------*/


/* under_layer
--------------------------------------------------------------*/
.under_layer #pagetop {
	height: 77px;
}

.under_layer #contents {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
	background: url(../images/bg_contents.gif) repeat-y 100% 0;
}

.under_layer #topic_path {
	padding: 9px 0 19px;
}

.under_layer #topic_path ul {
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding-left: 16px;
}

.under_layer #main_column {
	width: 765px;
	padding-right: 25px;
	border-top: 1px solid #fff;
	background-color: #fff;
}

.under_layer #sub_column {
	width: 190px;
	border-top: 1px solid #fff;
}

.under_layer #sub_column #snavi {
	margin-bottom: 30px;
	background-color: #404040;
}

.under_layer #sub_column #snavi ul {
	width: 170px;
	margin: 0 auto;
	padding: 11px 0 10px;
}

.under_layer #sub_column #snavi ul ul {
	margin-bottom: -1px;
	padding-top: 1px;
	padding-bottom: 0;
}

.under_layer #sub_column #snavi li {
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #535353;
}

.under_layer #sub_column #snavi li.first {
	padding-top: 0;
	border-top: none;
}

.under_layer #sub_column .banner {
	margin-bottom: 30px;
}

.under_layer #sub_column .banner li {
	margin-bottom: 10px;
}

.under_layer #pagetop_link {
	margin-bottom: 0;
	padding-bottom: 12px;
	background: url(../images/bg_contents.gif) repeat-y 100% 0;
}

.under_layer #pagetop_link .pagetop {
	padding-right: 10px;
}

/* end under_layer
--------------------------------------------------------------*/


/* index
--------------------------------------------------------------*/

#index #main_column .comm_box .comm_boxr ul li {
	background: url(../images/icon01.gif) no-repeat left 7px;
}

#index #main_column dl.comm_dl dt {
	background: url(../images/icon02.gif) no-repeat right 6px;
}


/* sub_column */
#index #sub_column .web_magazine {
	margin-bottom: 20px;
}

#index #sub_column .pickup {
	margin-bottom: 20px;
	padding-bottom: 1px;
	background-color: #f0ecd7;
}

#index #sub_column .pickup .title {
	margin-bottom: 7px;
}

#index #sub_column .pickup ul {
	padding: 0 10px 5px;
}

#index #sub_column .pickup li {
	margin-bottom: 5px;
}

#index #main_column .comm_box {
	padding-bottom: 15px;
	margin: 0 25px 20px 0;
	background: url(../../images/back01.gif) no-repeat left bottom;
}

#index #main_column .comm_box .comm_boxl {
	width: 465px;
	float: left;
}

#index #main_column .comm_box .comm_boxl .text01 {
	margin: 14px 0 15px 21px;
}

#index #main_column .comm_box .comm_boxl p {
	margin: 0 20px;
}

#index #main_column .comm_box .comm_boxr {
	width: 240px;
	float: right;
}

#index #main_column .comm_box .comm_boxr .title03 {
	margin-bottom: 5px;
}

#index #main_column .comm_box .comm_boxr ul {
	margin: 0 5px 0 16px;
}

#index #main_column .comm_box .comm_boxr ul li {
	padding: 1px 0 0 10px;
	margin-bottom: 5px;
	background: url(../images/icon01.gif) no-repeat left 7px;
	line-height: 1.5;
}

#index #main_column dl.comm_dl {
	margin-right: 25px; 
	font-size: 13px;
	line-height: 1.5;
}

#index #main_column dl.comm_dl dt {
	padding-left: 1em;
	width: 6.8em;
	float: left;
	background: url(../images/icon02.gif) no-repeat right 5px;
	color: #535353;
	font-weight: bold;
}

#index #main_column dl.comm_dl dd {
	padding: 0 0 7px 8.1em;
	_padding-left: 7.9em;
	margin-bottom: 7px;
	background: url(../images/line01.gif) repeat-x left bottom;
}

#index #main_column .title03 {
	margin-bottom: 12px;
	clear: both;
}

/* end index
--------------------------------------------------------------*/


/* service
--------------------------------------------------------------*/
#service #contents {
	padding-top: 30px;
}

#service #main_column .title03 {
	padding-bottom: 10px;
}

#service #main_column .txt {
	margin: 10px 0 15px;
}

#service #main_column .skip_link {
	margin-bottom: 35px;
}

#service #main_column .skip_link li {
	display: inline;
	padding: 0 10px;
	background: url(../images/icon_arrow07.gif) no-repeat 0 0.45em;
}

#service #main_column .skip_link li a:link,
#service #main_column .skip_link li a:visited {
	text-decoration: underline;
}

#service #main_column .skip_link li a:hover,
#service #main_column .skip_link li a:active {
	text-decoration: none;
}

#service #main_column .case_link {
	padding: 2px;
	border: 1px solid #c7c7c7;
}

#service #main_column .case_link dl {
	padding: 12px 10px 9px;
	background-color: #e7e7e7;
}

#service #main_column .case_link dt {
	float: left;
	width: 88px;
}

#service #main_column .case_link dd {
	float: right;
	width: 618px;
	padding: 4px 0 0 17px;
	background: url(../images/icon_arrow06.gif) no-repeat 0 0.48em;
}

#service p.img_01,
#service p.img_02,
#service p.img_03 {
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 375px;
}

#service p.img_01 {
	height: 281px;
	background-image: url(../../service/images/img01.gif);
	padding-bottom: ;
}

#service p.img_02 {
	height: 192px;
	background-image: url(../../service/images/img02.jpg);
	padding: ;
}

#service p.img_03 {
	height: 192px;
	background-image: url(../../service/images/img03.jpg);
	padding: ;
}

/* end service
--------------------------------------------------------------*/


/* company
--------------------------------------------------------------*/
#company #contents {
	margin-top: 0;
	padding-top: 30px;
}

#company #key_visual .title {
	height: 111px;
	clear: both;
}

#company #main_column .title03 {
	margin-bottom: 20px;
}

#company #main_column .block01 {
	margin: 0 0 28px 1px;
}

#company #main_column .def_list01 dt,
#company #main_column .def_list01 dd {
	float: left;
	padding: 6px 12px 7px;
}

#company #main_column .def_list01 dd {
	color: #212121;
	width: 567px;
}

#company #main_column .def_list01 dd span.small {
	color: #8c8c8c;
}

#company #main_column .def_list01 dd span.map01 {
	float: right;
	width: 63px;
	height: 13px;
	margin-top: 3px;
	padding-left: 11px;
	background: url(../../company/images/line01.gif) no-repeat 0 0;
}

#company #main_column .def_list01 dd ul.one {
	margin: 0 0 13px 0px;
}

#company #main_column .def_list01 dd ul {
	margin: 0 0 10px 15px;
	padding-right: 230px;
}

#company #main_column .def_list01 dd span.map02 {
	float: right;
	width: 63px;
	padding-left: 12px;
	background: url(../../company/images/line01.gif) no-repeat left center;
}

#company #main_column .def_list01 dd span.bold {
	font-weight: bold;
}

#company #main_column .box01 {
	margin-left: 1px;
	clear: both;
	border: 1px solid #878787;
}

#company #main_column .box02 {
	margin: 2px;
	padding: 20px 20px 20px 17px;
	border: 1px solid #bfbfbf;
}

#company #main_column .title04 {
	margin-bottom: 13px;
}

#company #main_column p {
	margin-bottom: 12px;
	line-height: 18px;
}

#company #main_column .box02 p.one {
	margin-bottom: 0;
	padding-left: 20px;
	background: url(../images/icon_arrow06.gif) no-repeat 0 2px;
}

/* end company
--------------------------------------------------------------*/