@charset "Shift_JIS";

/* ■■■　全体構造　■■■
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html{
	overflow-y:scroll;
}
body{
	font-size:12px;
	color:#000;
	line-height:1.7;
	margin:0px;
	font-family:"ＭＳ Ｐゴシック", "Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
}
#wrapper{
	width:1000px;
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	text-align:left;  /* 内容を左揃えに戻す */
}
body > #wrapper {height: auto}


/* リンク
---------------------------------------------------- */
a:link,a:visited,a:hover,a:active{
	color:#000;
	background:transparent;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a{
/**/
 overflow:hidden;
/**/
}
a img{
  border:none;
  color:#fff;
  background:transparent;
}

/* リスト
---------------------------------------------------- */
li{
	list-style:none;
}
#header li img,
#link li img,
#footer li img,
#top-data li img{
	vertical-align:bottom;	/* ナビ画像下揃え */
}

/* ヘッダー
---------------------------------------------------- */
#header{
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:48px;
	height:1%;	/* IE背景バグ対策 */
}
#greeting #header{
	background-image:url(../images/page01_bg.jpg);
}
#work #header{
	background-image:url(../images/page02_bg.jpg);
}
#media #header{
	background-image:url(../images/page03_bg.jpg);
}
#book #header{
	background-image:url(../images/page04_bg.jpg);
}
#header h1{ max-height: 100%
	margin:0 0 30px 65px;
}
#header ul{
	background:#000;
	padding-left:50px;
}
#header li{
	float:left;
}


/* コンテンツ
---------------------------------------------------- */
#contents{
	padding:42px 143px 30px 147px;
}
#contents p{
	margin-bottom:17px;
}
#contents h2{
	margin-bottom:25px;
}

#contents h3{
	margin:20px 0 25px;
	padding:17px 15px;
	background-position:left top;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:1;
}
#greeting #contents h3{
	color:#1d9ef0;
	background-image:url(../images/page01_title_bg.jpg);
}
#work #contents h3{
	color:#f39eb1;
	background-image:url(../images/page02_title_bg.jpg);
}
#media #contents h3{
	color:#58c2b6;
	background-image:url(../images/page03_title_bg.jpg);
}

#contents h4{
	font-weight:bold;
	font-size:12px;
	line-height:1.6;
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 3px 25px;
}
#contents h5{
	font-weight:bold;
	font-size:12px;
}

/* ページトップリンク
---------------------------------------------------- */
ul#page-move{
	margin:20px 0 0 0;
}
ul#page-move li{
	float:right;
	background:url(../images/arw.gif) no-repeat 5px 7px;
	padding:0 10px 0 18px;
	font-size:10px;
}
ul#page-move li a{
	padding-bottom:1px;
}



/* リンク
---------------------------------------------------- */

#link{
	background-position:left top;
	background-repeat:no-repeat;
	width:850px;
	margin:0 auto;
	padding-bottom:46px;
}
#greeting #link{
	background-image:url(../images/page01_link_bg.jpg);
}
#work #link{
	background-image:url(../images/page02_link_bg.jpg);
}
#media #link{
	background-image:url(../images/page03_link_bg.jpg);
}
#link ul{
	padding:18px 0 21px 459px;
}
#link ul li{
	float:left;
}

/* フッター
---------------------------------------------------- */
#footer{
	width:1000px;
	background:#1b1b1b;
}
#footer ul{
	padding:0 0 0 57px;
}
#footer li{
	float:left;
}


/* ■■■　　　汎用　　　■■■
---------------------------------------------------- */




/* ■■■　各ページ設定　■■■
---------------------------------------------------- */


/* 【トップページ】index.html
---------------------------------------------------- */
#top-img{
	width:1000px;
	height:620px;
}
#top-data{
	position:relative;
	margin:0;
}
#top-data .png_bg{
	background:url(../images/top_filter.png) repeat;
	position:absolute;
	display:block;
	top:-620px;
	left:0px;
	width:486px;
	height:620px;
}
#top-data h1{
	padding:38px 0 14px 21px;
}
#top-data ul{
	padding:0 0 27px 21px;
}
#top-data table{
	width:460px;
	margin:0 0 7px 21px;
}
#top-data table th,
#top-data table td{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	line-height:1.5;
	padding-bottom:2px;
}
#top-data table th{
	width:105px;

}
#top-data p{
	width:460px;
	margin:0 0 0 21px;
}

/* 【ご挨拶】greeting.html
---------------------------------------------------- */

/* greeting01 */
.greeting01 .image{
	float:left;
	width:145px;
}
.greeting01 .image img{
	padding-left:3px;
}
.greeting01 .text{
	float:right;
	width:502px;
}
.greeting01 .text p{
	padding-right:5px;
}

/* greeting02 */
.greeting02 .text{
	float:left;
	width:501px;
}
.greeting02 .text p{
	padding-left:3px;
}
.greeting02 .image{
	float:right;
	width:201px;
}


/* 【業務内容】work.html
---------------------------------------------------- */

/* work01 */
.work01 .image{
	float:left;
	width:203px;
}
.work01 .image img{
	padding-left:3px;
}
.work01 .text{
	float:right;
	width:495px;
}
.work01 .text p{
	padding:0 15px 0 5px;
}

#contents .work02 p{
	margin:0 0 17px 8px;
}
#work #contents h4{
	background-image:url(../images/page02_circle.jpg);
	color:#f39ec1;
}
#work #contents .work02 h5{
	margin:5px 0 0 5px;
}
#work #contents .work03 p{
	margin:0 0 17px 5px;
}
#work #contents .work03 h4{
	margin-left:5px;
}
#work #contents .work03 p{
	margin-left:8px;
}

/* 【業務内容】media.html
---------------------------------------------------- */

#media #contents h4{
	background-image:url(../images/page03_circle.jpg);
	color:#58c2b6;
	font-size:14px;
	padding:0 0 4px 25px;
}
#media #contents h5{
	margin:0 0 0 8px;
}
#media #contents p{
	margin:0 0 12px 8px;
}

#contents .media01 ul,
#contents .media02 ul,
#contents .media03 ul{
	margin:0 0 20px 8px;
}
#contents .media01 li,
#contents .media02 li,
#contents .media03 li{
	background:url(../images/list_bg.gif) 2px 9px no-repeat;
	padding-left:12px;
	line-height:1.6;
}

/* media01 */
.media01 .text{
	width:482px;
	float:left;
}
.media01 .image{
	width:194px;
	float:right;
	text-align:right;
}
.media01 .image .allabout{
	margin:0 32px 70px 0;
}

/* media02 */
.media02 img{
	margin:0 19px 44px 0;
	vertical-align:top;
}

/* media03 */
.media03{
	margin-bottom:35px;
}
#media #contents .media03 h5{
	margin-top:3px;
	font-size:14px;
}
.media03 table{
	margin:0 0 0 8px;
}
.media03 table td{
	vertical-align:top;
	width:352px;
	padding-top:3px;
}
.media03 table td img{
	padding-bottom:30px;
}
/* float対策
---------------------------------------------------- */
.clear{
	clear:both;
}
.box-clear:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.box-clear{
    display:inline-block;  /* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html .box-clear{height: 1%;}
.box-clear{display: block;}
/*--ここまでMAC IEは非適用 */