@charset "utf-8";


/* ----------------------------------------------------- */
/* リセット */
/* ----------------------------------------------------- */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
  font-size: 100%; }

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select {
  font-size: 100%; }

a, ins {
  text-decoration: none; }

address, em, cite, dfn, var {
  font-style: normal; }

input, textarea {
  font-family: sans-serif;
  font-weight: normal; }

img {
  border: none;
  vertical-align: bottom; }

a img {
  border: none; }

p {
	font-size:90%;
	font-weight:normal;
}



/* ----------------------------------------------------- */
/* 初期設定 */
/* ----------------------------------------------------- */
body {
	background:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	font-family:meiryo, 'メイリオ', verdana, helvetica, georgia, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kakugothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	color:#666666;
	}

a , a:link {
	color: #144996;
}

a:visited {
	color: #144996;
}

a:hover {
	color: #144996;
}

a:active {
	color: #144996;
}


li , ul , ol {
	display: block;
	list-style-type: none;
	list-style-position:outside;
}

.clf:after {
	content : '';
	display : block;
	clear : both;
	height:0;
}

.clf {
	display: inline-table;
	min-height: 1%;
}
	

* html .clf {
	height: 1%;
} 


/* ----------------------------------------------------- */
/* ヘッダー */
/* ----------------------------------------------------- */

#headerarea {
	width: 100%;
	height: 257px;
	background-color:#f0f2f5;	
}

#headerarea .shadow {
	width: 100%;
	height: 11px;
	margin-right: auto;
	margin-left: auto;;
	background-repeat:repeat-x;
	background-image: url("../images/shadow.gif");
}


#header {
	width: 920px;
	height: 236px;
	margin-right: auto;
	margin-left: auto;;
	background-image: url("../images/header.jpg");
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
}

#header .title {
	width: 920px;
	height: 162px;
	float:left;
	
}

#header .wrap {
	width: 920px;
	margin-right: auto;
	margin-left: auto;;
}

#header .maincopy {
	clear:both;
	width: 280px;
	float:right;
	text-align:right;
	margin-top:40px;
	color:#144996;
	font-size:100%;
}



#header .text {
	padding-top:13px;
	float:left;
	width:640px;
}

#header h2 {
	font-weight:normal;
	font-size:85%;
	line-height:120%;
}




/* ----------------------------------------------------- */
/* メインエリア */
/* ----------------------------------------------------- */

#mainarea {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top:20px;
	background-color:#FFFFFF;
}

/* ----------------------------------------------------- */
/* コンテントエリア */
/* ----------------------------------------------------- */

#contentarea {
	width: 682px;
	float: right;
	margin-right:20px;
}



/* ----------------------------------------------------- */
/* グローバルナビ */
/* ----------------------------------------------------- */

#grobalnavi {
	width: 682px;
	height:50px;	
	border-bottom-width:4px;
	border-bottom-style: solid;
	border-bottom-color:#144996;
}

#grobalnavi .menu1 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_home_off.gif");
	float: left;
}

#grobalnavi .menu1 a:hover {
	background-image: url("../images/menu_home_on.gif");
}

#grobalnavi .menu2 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_overview_off.gif");
	float: left;
	margin-left:2px;
}

#grobalnavi .menu2 a:hover {
	background-image: url("../images/menu_overview_on.gif");
}

#grobalnavi .menu3 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_business_off.gif");
	float: left;
	margin-left:2px;
}

#grobalnavi .menu3 a:hover {
	background-image: url("../images/menu_business_on.gif");
} 

#grobalnavi .menu4 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_printing_off.gif");
	float: left;
	margin-left:2px;
}

#grobalnavi .menu4 a:hover {
	background-image: url("../images/menu_printing_on.gif");
} 

#grobalnavi .menu5 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_privacypolicy_off.gif");
	float: left;
	margin-left:2px;
}

#grobalnavi .menu5 a:hover {
	background-image: url("../images/menu_privacypolicy_on.gif");
} 

#grobalnavi .menu6 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_links_off.gif");
	float: left;
	margin-left:2px;
}

#grobalnavi .menu6 a:hover {
	background-image: url("../images/menu_links_on.gif");
} 


#home #grobalnavi .menu1 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_home_on.gif");
	float: left;
}

#overview #grobalnavi .menu2 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_overview_on.gif");
	float: left;
}

#business #grobalnavi .menu3 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_business_on.gif");
	float: left;
}

#printing #grobalnavi .menu4 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_printing_on.gif");
	float: left;
}

#privacy #grobalnavi .menu5 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_privacypolicy_on.gif");
	float: left;
}

#links #grobalnavi .menu6 a {
    display: block;
    width: 112px;
    height: 50px;
	background-image: url("../images/menu_links_on.gif");
	float: left;
}


/* ----------------------------------------------------- */
/* コンテンツ */
/* ----------------------------------------------------- */

#content {
	width: 682px;
	margin-bottom:40px;
	margin-top:20px;
	clear:both;
}


#content .indent {
	margin-left: 1em;
	text-indent: -1em;
}

#content .indent2 {
	margin-left:60px;
}


/* ----------------------------------------------------- */
/* ホーム */
/* ----------------------------------------------------- */

#home #content h2 {
	width:566px;
	font-weight:bold;
	font-size:100%;
	line-height:140%;
	float:right;
}

#home #content .wrap {
	clear:both;
	padding-top:18px;
}


#home #content .wrap .icon {
	width:102px;
	float:left;
}

#home #content .wrap .entry {
	width:566px;
	float:right;
}



#home #content H3 {
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color:#000000;
	font-weight:bold;
	font-size:100%;
	color:#000000;
}

#home #content p {
	padding-top:6px;
	line-height:160%;
}

#home #content .sdgs h2 {
	width:682px;
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color:#000000;
	font-weight:bold;
	font-size:100%;
	color:#000000;
	float:none;
	margin-top:30px;
	margin-bottom:30px;
}
#home #content .zu {
	margin-bottom:30px;
	text-align:center;
}

#home #content .sdgs p {
	
line-height:170%;
	text-indent: 1em;
	margin:0;
	padding:0;
}


/* ----------------------------------------------------- */
/* 会社概要 */
/* ----------------------------------------------------- */

#overview #content H3 {
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color:#Ff9900;
	font-weight:bold;
	font-size:100%;
	color:#Ff9900;
	margin-bottom:10px;
}


#overview #content p.box100-left {
	padding-right: 5px;
	padding-left: 5px;
	padding-top:1px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-right: 10px;
	border: 1px solid #666666;
	float :left;
	width: 100px;
	text-align: center;
	clear:both;	
}

#overview #content p.box100-right {
	padding-top:1px;
	padding-bottom:2px;
	margin-bottom:7px;
	border: 1px solid #ffffff;
	float :left;
	width: 558px;
	text-align: left;
}
#overview #content p {	
	line-height:170%;
}

#overview #content p.indent1 {
	margin-left: 4em;
	text-indent: -2em;
}


/* ----------------------------------------------------- */
/* 事業案内 */
/* ----------------------------------------------------- */

#business #content H3 {
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color:#007e41;
	font-weight:bold;
	font-size:100%;
	color:#007e41;
	margin-bottom:10px;
}


#business p.boxline {
	padding-right: 5px;
	padding-left: 5px;
	padding-top:1px;
	padding-bottom:0px;
	margin-bottom:5px;
	border: 1px solid #666666;
	display:inline-block;
	*display: inline;
    *zoom: 1;
	text-align: left;	
	
}
#business p.detail {
	margin-bottom:10px;
}

/* ----------------------------------------------------- */
/* 印刷のいろいろ */
/* ----------------------------------------------------- */

#printing #content H3 {
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color:#008cd6;
	font-weight:bold;
	font-size:100%;
	color:#008cd6;
	margin-bottom:10px;
	margin-top:15px;
}

#printing #content p.top {
	padding-bottom:10px;
	
}


/* ----------------------------------------------------- */
/* プライバシーポリシー */
/* ----------------------------------------------------- */

#privacy #content H3 {
	border-bottom-width:2px;
	border-bottom-style: solid;
	border-bottom-color:#934400;
	font-weight:bold;
	font-size:100%;
	color:#934400;
	margin-bottom:10px;
	margin-top:15px;
}

#privacy #content .seitei {
	float:left;
	font-size:83%;
}

#privacy #content .name {
	float:right;
	font-size:83%;
}

#privacy #content .text {
	clear:both;
	padding-top:15px;
	line-height:150%;
}
#privacy #content p.indent0 {
	margin-left: -1em;
	text-indent: 1em;
}
#privacy #content p.indent3 {
	margin-left: 3em;
	text-indent: 0em;
}
#privacy #content p.indent2 {
	margin-left: 2em;
	text-indent: 0em;
}
#privacy #content p.indent1 {
	margin-left: 0em;
	text-indent: 0em;
}
#privacy #content p.indent4 {
	margin-left: 4em;
	text-indent: 0em;
}
/* ----------------------------------------------------- */
/* リンク */
/* ----------------------------------------------------- */

#links #content {
	border-top-width:1px;
	border-top-style: solid;
	border-top-color:#666666;
}


#links #content .wrap {
	width:682px;
	height:52px;
	clear:both;
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color:#666666;
}

#links #content .icon {
	width:68px;
	float:left;
	margin-top:5px;
}



#links #content .text {
	width:614px;
	float:left;
	margin-top:15px;
}

#links #content a {
	color:#666666;
}





/* ----------------------------------------------------- */
/* ページトップ */
/* ----------------------------------------------------- */

.pagetop {
	margin-top:50px;
	text-align:right;
	font-size:80%;
	clear:both;
}

#home .pagetop {
	padding-top:50px;
}


/* ----------------------------------------------------- */
/* サイドエリア */
/* ----------------------------------------------------- */

#sidearea {
	width: 220px;
	float:left;
	margin-left:20px;
	padding-bottom:40px;
}

#sidearea .title {
	width: 210px;
	height:25px;	
	background-image: url("../images/office-title-back.gif");
	margin-top:20px;
	color:#ffffff;
	text-align:center;
	font-size:90%;
	padding-top:4px;
	margin-bottom:6px;
}

#sidearea .contact{
	width: 210px;
	height:127px;	
	background-image: url("../images/contact.gif");
	font-size:80%;
	text-align:center;
}
#sidearea .contact p{
	padding-top:75px;
}


#sidearea .office p {
	font-weight:normal;
	font-size:90%;
	line-height:130%;
	padding-top:7px;
}


#sidearea .google-maps {
	margin-top:7px;
	width: 210px;
	height:230px;
}

#sidearea .map {
margin-top:5px;
}

#sidearea #headoffice {
	padding-bottom:20px;
	width: 210px;
}















/* ----------------------------------------------------- */
/* フッター */
/* ----------------------------------------------------- */


#footerarea {
	width: 100%;
	height:50px;
	clear:both;
	border-top-width:1px;
	border-top-style: solid;
	border-top-color:#f0f2f5;	
	margin-top:50px;
	background-color:#f0f2f5;
}

#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align:right;
	padding-top:5px;
	font-size:80%;
}