@charset "shift_jis";
/* CSS Document */

body{
/*基本ボディ*/
	text-align:left;
	background-color:#F9FAFA;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	font-size: medium;
	background-image:url(../bk.gif);
	background-repeat:repeat-y;
}
/*その他ブラウザのセンタリング*/
#wrapper{
	margin-top:0px;
	margin-left:0px;
/*表示最大幅*/
	width:780px;
	background-image:url(../bk.gif);
	background-repeat:repeat-y;
}
/*ヘッダ*/
#head{
	width:750px;
	height:63px;
	border-bottom: 3px solid #6d747c;
	padding-bottom: 5px;
	background-color:#F9FAFA;
}
/*ヘッダ左部*/
#head_l{
	text-align:left;
	width:231px;
	padding:13px 0px 0px 9px;
	float:left;
	background-color:#FFFFFF;
}
/*ヘッダ右上部*/
#head_rt{
	float:right;
	height:12px;
	width:500px;
	text-align:right;
	padding:13px 10px 0px 0px;
	background-color:#FFFFFF;
}
/*ヘッダ右下部*/
#head_rb{
	float:right;
	width:505px;
	text-align:right;
	vertical-align:middle;
	padding-top:17px;
	padding-right:5px;
	background-color:#FFFFFF;
}

#main{
	width:750px;
}

/*左サイドバー*/
#sidebar-wrapper {
	float:left;
	display: block;
	width: 190px;
	background-color:#FFFFFF;
}
#sidebar-wrapper p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#sidebar-wrapper li {
	display:inline;
	list-style: none;
	margin:0px 0px 0px 0px;
}

/*コンテンツ*/
#content-wrapper{
	float:right;
	display: block;
	width: 560px;
	margin:0px 0px 0px 0px;
}

#content{
	margin:0px 18px 0px 17px;
}
#content-in{
	width: auto;
	height:auto;
	margin:0;
	padding-top:15px;
}

#content-in_01{
	width: 166px;
	height:auto;
	margin:0;
	padding:6px 6px 6px 8px;
	float:left;
	background-color:#f0f0f0;
	border:#728da9 solid 1px;
}

#content-in_01 p{
	width: 160px;
	height:auto;
	margin:0;
	padding:0;
}

#content-gray{
	padding:10px 10px 10px 10px;
	width:505px;
	background-color:#F0F0F0;
}	
#content-gray p{
	margin:1px;
}
#content-gray2{
	padding:10px 10px 10px 10px;
	width:500px;
	background-color:#f7f8f8;
	border:1px solid #000000;
}
#content-gray2 p{
	margin:1px;
}
/*FLOW*/
#flow{
	width:523px;
	border:1px solid #BF1000;
}
#flow p{
	margin:5px 5px 0px 5px
}
/*PLAN1*/
#kihon{
	border:1px solid #24327A;
	width:495px;
	margin-top:5px;
	padding:11px 0px 5px 21px;
	font-size:80%;
	line-height:1.5em;
}
/*PROBLEM*/
#pro_content{
	margin:20px 14px 0px 14px;
	border:1px solid #000000;
}
#pro_content p{
	padding:0px 15px 0px 15px;
}

/*WORKS*/
#works-new{
	margin-top:5px;
	padding:10px;
	width:217px;
	height:auto;
	background-color:#ffffff;
	float:left;
}
#works-new2{
	margin-top:5px;
	padding:10px;
	width:220px;
	height:auto;
	background-color:#ffffff;
	float:right;
}
.work_in{
	margin:0;
	padding:0;
}

.work_in_top{
	margin:0;
	padding:10px;
}
.work_in_top h1{
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:bold;
}
.work_in_top p{
	margin:0;
	padding:0;
	font-size:13px;
}
/*CAMPAIN*/
#campain01_top{
	width:520px;
	height:123px;
	margin:30px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/01.gif) no-repeat bottom;
}
#campain01_bottom{
	width:520px;
	height:88px;
	margin:0;
	padding:0;
	background:url(../img/campain/02.gif) no-repeat top;
}
#campain01_bottom p{
	position:relative;
	top:13px;
	left:23px;
	line-height:110%;
	width:480px;
	font-size:12px;
}
h3#cam01{
	width:520px;
	height:26px;
	margin:25px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/03.gif) no-repeat top;
}
h3#cam02{
	width:520px;
	height:34px;
	margin:25px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/07.gif) no-repeat top;
}
li#camli01{
	width:169px;
	height:90px;
	margin:0 6px 0 0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../img/campain/04.gif) no-repeat;
}
li#camli02{
	width:169px;
	height:90px;
	margin:0 6px 0 0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../img/campain/05.gif) no-repeat;
}
li#camli03{
	width:169px;
	height:90px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../img/campain/06.gif) no-repeat;
}
.cam_in{
	width:520px;
	height:109px;
	margin:25px 0 0 0;
	padding:0;
	background-color:#F7F7F7;
}
h4#cam_in01{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/08.gif) no-repeat top;
}

h4#cam_in02{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/09.gif) no-repeat top;
}

h4#cam_in03{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/10.gif) no-repeat top;
}

h4#cam_in04{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/11.gif) no-repeat top;
}

h4#cam_in04a{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/11a.gif) no-repeat top;
}

h4#cam_in04b{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/11b.gif) no-repeat top;
}

h4#cam_in05{
	width:520px;
	height:80px;
	margin:30px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/12.gif) no-repeat top;
}



.cam_in p{
	position:relative;
	top:17px;
	left:12px;
	line-height:110%;
	width:480px;
	font-size:12px;
}


/*agency*/
#agency01_top{
	width:520px;
	height:123px;
	margin:30px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/agency/01.gif) no-repeat bottom;
}
#agency01_bottom{
	width:520px;
	height:88px;
	margin:0;
	padding:0;
	background:url(../img/agency/02.gif) no-repeat top;
}
#agency01_bottom p{
	position:relative;
	top:13px;
	left:23px;
	line-height:110%;
	width:480px;
	font-size:12px;
}
h3#age01{
	width:520px;
	height:26px;
	margin:25px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/agency/03.gif) no-repeat top;
}
h3#age02{
	width:520px;
	height:34px;
	margin:25px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/agency/07.gif) no-repeat top;
}
li#ageli01{
	width:169px;
	height:90px;
	margin:0 6px 0 0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../img/campain/04.gif) no-repeat;
}
li#ageli02{
	width:169px;
	height:90px;
	margin:0 6px 0 0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../img/campain/05.gif) no-repeat;
}
li#age03{
	width:169px;
	height:90px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	background:url(../img/campain/06.gif) no-repeat;
}
.cam_in{
	width:520px;
	height:79px;
	margin:25px 0 0 0;
	padding:0;
	background-color:#F7F7F7;
}
h4#cam_in01{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/08.gif) no-repeat top;
}

h4#cam_in02{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/09.gif) no-repeat top;
}

h4#cam_in03{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/10.gif) no-repeat top;
}

h4#cam_in04{
	width:496px;
	height:18px;
	margin:12px 0 0 12px;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/11.gif) no-repeat top;
}

h4#cam_in05{
	width:520px;
	height:80px;
	margin:30px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/campain/12.gif) no-repeat top;
}

.cam_in p{
	position:relative;
	top:17px;
	left:12px;
	line-height:110%;
	width:480px;
	font-size:12px;
}