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

	Reset

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, em {
	margin:0;
	padding:0;
	font-style:normal;
	list-style:none;
	list-style-type:none;
}
img {
	border:none;
}
/*======================================

	Body

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

body {
	margin:0 auto;
	padding:0;
	text-align:center;
	color:#666666;
	font-size:12px;
	line-height:160%;
	font-family:"ＭＳ Ｐゴシック";
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
/*======================================

	Container

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

div#container {
	background:url(../common/bg2.jpg) repeat-x top center;
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
/*======================================

	All Parts

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

.none {
	display:none;
}
.mt_small {
	margin-top:7px;
}
.mt_normal {
	margin-top:10px;
}
.mt_large {
	margin-top:20px;
}
.mt_large2 {
	margin-top:13px;
}
.mt_large3 {
	margin-top:14px;
}
.mt_large4 {
	margin-top:15px;
}
.mb_large {
	margin-bottom:22px;
}
.mb_large2 {
	margin-bottom:33px;
}
.mb_large3 {
	margin-bottom:17px;
}
.mtb_small {
	margin-top:2px;
	margin-bottom:1px;
}
.mtb_large {
	margin:10px 0;
}
.mlb_large {
	margin-left:2px;
	margin-bottom:23px;
}
.pr_large {
	float:right;
	width:215px;
	padding-right:12px;
	display:block;
	padding-bottom:5px;
}
* html .pr_large {
	width:230px;
}
.mtl_small {
	margin-top:7px;
	margin-left:2px;
}
.txt_right {
	text-align:right;
}
.txt_center {
	text-align:center;
}
.img_right {
	float:right;
	margin:0 18px 0 32px;
}
.img_right2 {
	float:right;
	margin:0 0 0 26px;
}
.img_left {
	float:left;
	margin:8px 10px 20px 0;
}
.img_left2 {
	float:left;
	display: inline;
	margin:8px 12px 0 8px;
	padding-bottom:10px;
}
.img_left4 {
	float:left;
	margin-left:-30px;
	margin-right:0;
}
* html .img_left4 {
	position:absolute;
}
.img_left3 {
	float:left;
	margin:0 24px 0px 0;
}
.img_left5 {
	float:left;
	margin:0 9px 0px 0;
}
.clr {
	clear:both;
}
.line2 {
	background:url(../img/seo/line.gif) top no-repeat;
	width:auto;
	height:auto;
	padding-top:12px;
	margin-bottom:29px;
}
/*======================================

	Txt

=======================================*/
h2 {
	clear:both;
}
h2.sec {
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:48px;
	line-height:120%;
}
h2.top {
	width:1000px;
	height:250px;
	margin:0 auto;
	text-align:center;
	padding:0px;
}
h3 {
}
#second h3 {
	font-size:24px;
	color: #444;
}
h3.sec, #top h2.sec {
	width:auto;
	height:auto;
	text-indent:-999em;
	background:none;
	padding:0;
	margin-bottom:0;
}
#top h2.service, h3.service {
	background:url(../img/top/service_plan.gif) no-repeat 0 0;
	width:auto;
	height:46px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.hotnews {
	background:url(../img/top/hot_news.jpg) no-repeat 0 0;
	width:720px;
	height:34px;
	text-indent:-999em;
	padding:0;
	margin-bottom:20px;
}
h3.navi {
	background:url(../common/clef_homepage.jpg) no-repeat 0 0;
	width:240px;
	height:77px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.navi2 {
	background:url(../common/clef_group.gif) no-repeat 0 0;
	width:240px;
	height:53px;
	margin-top:9px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.navi3 {
	background:url(../common/clef_service.gif) no-repeat 0 0;
	width:238px;
	height:38px;
	margin-bottom:2px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.navi4 {
	background:url(../common/clef_blog.gif) no-repeat 0 0;
	width:238px;
	height:38px;
	margin-bottom:10px;
	margin-top:13px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.navi5 {
	background:url(../common/clef_partner.gif) no-repeat 0 0;
	width:208px;
	height:38px;
	margin-bottom:10px;
	margin-top:13px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.navi6 {
	background:url(../img/plan/plan_list.jpg) no-repeat 0 0;
	width:240px;
	height:110px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.navi7 {
	background:url(../img/reason/reason_list.jpg) no-repeat 0 0;
	width:240px;
	height:110px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.navi8 {
	background:url(../img/web-works/web_works_list.jpg) no-repeat 0 0;
	width:240px;
	height:110px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h3.navi9 {
	background:url(../common/clef_pickup.gif) no-repeat 0 0;
	width:238px;
	height:38px;
	margin-bottom:10px;
	text-indent:-999em;
	padding:0;
	margin-bottom:0;
}
h4 {
	clear:both;
	font-size:14px;
}
h4.h4_production {
	background:url(../img/plan/h4_img01.jpg) no-repeat 0 0;
	width:723px;
	height:51px;
	text-indent:-999em;
	margin-bottom:17px;
}
h4.cms_special_site {
	background:url(../img/plan/h4_img02.jpg) no-repeat 0 0;
	width:724px;
	height:40px;
	text-indent:-999em;
}
h4.cms_merit {
	background:url(../img/plan/h4_img03.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-top:20px;
	margin-bottom:17px;
}
h4.introduction_example {
	background:url(../img/plan/h4_img04.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:17px;
}
h4.full_results {
	background:url(../img/plan/h4_img05.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:17px;
}
h4.flash_results {
	background:url(../img/plan/h4_img06.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:17px;
}
h4.h4_renewal1 {
	background:url(../img/renewal/h4_img01.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:22px;
}
h4.h4_renewal2 {
	background:url(../img/renewal/h4_img02.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_seo1 {
	background:url(../img/seo/h4_img01.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:17px;
}
h4.h4_seo2 {
	background:url(../img/seo/h4_img02.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_seo3 {
	background:url(../img/seo/h4_img03.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_cms1 {
	background:url(../img/cms/h4_img01.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_cms2 {
	background:url(../img/cms/h4_img02.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:15px;
}
h4.h4_cms3 {
	background:url(../img/cms/h4_img03.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_shopping1 {
	background:url(../img/shopping/h4_img01.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:14px;
}
h4.h4_shopping2 {
	background:url(../img/shopping/h4_img02.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_shopping3 {
	background:url(../img/shopping/h4_img03.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_flash1 {
	background:url(../img/flash/h4_img01.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_flash2 {
	background:url(../img/flash/h4_img02.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:21px;
}
h4.h4_mobile {
	background:url(../img/mobile/h4_img01.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:10px;
}
h4.h4_system1 {
	background:url(../img/system/h4_img01.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:20px;
}
h4.h4_system2 {
	background:url(../img/system/h4_img02.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:23px;
}
h4.h4_reason1 {
	background:url(../img/reason/h4_img01.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:20px;
}
h4.h4_reason2 {
	background:url(../img/reason/h4_img02.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:20px;
}
h4.h4_reason3 {
	background:url(../img/reason/h4_img03.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:20px;
}
h4.h4_reason4 {
	background:url(../img/reason/h4_img04.jpg) no-repeat 0 0;
	width:721px;
	height:51px;
	text-indent:-999em;
	margin-bottom:20px;
}
.blue {
	color:#0066CC;
	margin-bottom:11px;
}
.blue2 {
	color:#0066CC;
	margin-bottom:5px;
}
.txt11 {
	font-size:11px;
}
.txt12 {
	font-size:12px;
}
.txt14 {
	font-size:14px;
}
.txt24 {
	font-size:24px;
	line-height:125%;
	font-weight:bold;
	color:#0066CC;
	margin-bottom:5px;
}
.orange {
	color:#FF6600;
	font-weight:bold;
}
.aqua {
	color:#0099FF;
}
/*======================================

	Header

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

div#header {
	width:980px;
	height:auto;
	margin:0 auto;
	text-align:left;
}
.disp {
	clear:both;
	background:url(../common/disp_bg.jpg) no-repeat 0 0;
	width:980px;
	height:30px;
	position:relative;
	line-height:125%;
}
.disp h1 {
	color:#fff;
	font-weight:normal;
	padding-top:4px;
	font-size:10px;
	line-height:normal;
}
.disp ul {
}
.disp li {
	display:inline;
}
.disp li.bt1 {
}
.disp li.bt1 a {
	display:block;
	float:left;
	width:88px;
	height:30px;
	text-indent:-999em;
	position:absolute;
	left: 712px;
	top: 1px;
}
.disp li.bt1 a:hover {
	background:url(../common/disp_bg.jpg) no-repeat -712px -31px;
	width:88px;
	height:30px;
}
.disp li.bt2 {
}
.disp li.bt2 a {
	display:block;
	float:left;
	width:88px;
	height:30px;
	text-indent:-999em;
	position:absolute;
	top: 1px;
	left: 802px;
}
.disp li.bt2 a:hover {
	background:url(../common/disp_bg.jpg) no-repeat -802px -31px;
	width:88px;
	height:30px;
}
.disp li.bt3 {
}
.disp li.bt3 a {
	display:block;
	float:left;
	width:88px;
	height:30px;
	text-indent:-999em;
	position:absolute;
	top: 1px;
	left: 892px;
}
.disp li.bt3 a:hover {
	background:url(../common/disp_bg.jpg) no-repeat -892px -31px;
	width:88px;
	height:30px;
}
.disp p {
	color:#FFFFFF;
}
:root .disp p {
	padding-top:2px;
}
.logo {
	background:url(../common/logo.jpg) no-repeat 0 0;
	width:980px;
	height:63px;
	position:relative;
}
.logo p {
	width:261px;
	height:55px;
	text-indent:-999em;
}
.logo p a {
	display:block;
	width:211px;
	height:55px;
	position:absolute;
	left: 0px;
	top: 2px;
}
.logo ul {
}
.logo li {
	display:inline;
}
.logo li.bt4 {
}
.logo li.bt4 a {
	display:block;
	float:left;
	width:57px;
	height:18px;
	position:absolute;
	text-indent:-999em;
	left: 246px;
	top: 22px;
}
.logo li.bt4 a:hover {
	background:url(../common/logo.jpg) no-repeat -320px -85px;
	width:57px;
	height:18px;
}
.logo li.bt5 {
}
.logo li.bt5 a {
	display:block;
	float:left;
	width:56px;
	height:18px;
	position:absolute;
	text-indent:-999em;
	top: 23px;
	left: 305px;
}
.logo li.bt5 a:hover {
	background:url(../common/logo.jpg) no-repeat -376px -85px;
	width:56px;
	height:18px;
}
.logo li.bt6 {
}
.logo li.bt6 a {
	display:block;
	float:left;
	width:179px;
	height:41px;
	position:absolute;
	text-indent:-999em;
	top: 9px;
	left: 475px;
}
.logo li.bt6 a:hover {
	background:url(../common/logo.jpg) no-repeat -475px -72px;
	width:179px;
	height:41px;
}
.logo li.bt7 {
}
.logo li.bt7 a {
	display:block;
	float:left;
	width:68px;
	height:18px;
	position:absolute;
	text-indent:-999em;
	top: 22px;
	left: 519px;
}
.logo li.bt7 a:hover {
	background:url(../common/logo.jpg) no-repeat -519px -85px;
	width:68px;
	height:18px;
}
.logo li.bt8 {
}
.logo li.bt8 a {
	display:block;
	float:left;
	width:63px;
	height:18px;
	position:absolute;
	text-indent:-999em;
	top: 22px;
	left: 587px;
}
.logo li.bt8 a:hover {
	background:url(../common/logo.jpg) no-repeat -587px -85px;
	width:63px;
	height:18px;
}
.disp2 {
	clear:both;
	background:url(../common/disp2_top.gif) top no-repeat;
	width:980px;
	height:auto;
	padding-top:2px;
	margin-bottom:3px;
}
.disp2 p {
	background:url(../common/disp2_bottom.gif) no-repeat bottom;
	width:980px;
	height:23px;
	padding:0 10px 0 7px;
	overflow:none;
}
html > body .disp2 p {
	width:963px;
}
/*======================================

	Contents

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

div#contents {
	width:980px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-bottom:34px;
}
div#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html div#contents {
	height: 1em;
	overflow: visible;
}
/**/
/*======================================

	right navi

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

div#right_navi {
	float:right;
	width:240px;
	height:auto;
	text-align:left;
}
.navi_bg {
	width:238px;
	height:auto;
	padding:0 9px 8px 9px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
html > body .navi_bg {
	width:220px;
}
.navi_bg ul {
}
.navi_bg li {
	margin-bottom:1px;
}
.navi_bg2 .bt1, .navi_bg2 .bt2, .navi_bg2 .bt3, .navi_bg2 .bt4 {
	margin:2px 9px 0px 9px;
}
.navi_bg2 .bt1 a {
	display:block;
	background:url(../common/reason_off.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
	text-indent:-999em;
}
.navi_bg2 .bt1 a:hover {
	background:url(../common/reason_on.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
}
.navi_bg2 .bt2 {
}
.navi_bg2 .bt2 a {
	display:block;
	background:url(../common/works_off.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
	text-indent:-999em;
}
.navi_bg2 .bt2 a:hover {
	background:url(../common/works_on.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
}
.navi_bg2 .bt3 {
}
.navi_bg2 .bt3 a {
	display:block;
	background:url(../common/service_off.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
	text-indent:-999em;
}
.navi_bg2 .bt3 a:hover {
	background:url(../common/service_on.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
}
.navi_bg2 .bt4 {
}
.navi_bg2 .bt4 a {
	display:block;
	background:url(../common/plan_off.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
	text-indent:-999em;
}
.navi_bg2 .bt4 a:hover {
	background:url(../common/plan_on.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
}
.navi_bg .bt5 {
}
.navi_bg .bt5 a {
	display:block;
	background:url(../common/staff_off.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
}
.navi_bg .bt5 a:hover {
	background:url(../common/staff_on.jpg) no-repeat 0 0;
	width:220px;
	height:48px;
}
.tel {
	background:url(../common/tel.jpg) no-repeat 0 0;
	width:240px;
	height:104px;
	text-indent:-999em;
	border-top:1px solid #ccc;
}
.tel_bottom {
	background:url(../common/tel_off.jpg) no-repeat 0 0;
	width:240px;
	height:43px;
	text-indent:-999em;
}
.tel_bottom a {
	display:block;
	width:240px;
	height:43px;
}
.tel_bottom a:hover {
	background:url(../common/tel_on.jpg) no-repeat 0 0;
	width:240px;
	height:43px;
}
.navi_bg2 {
	width:238px;
	height:auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding-top:1px;
}
.navi_bg2 ul {
	width:238px;
	padding:0 19px 0 19px;
}
html > body .navi_bg2 ul {
	width:200px;
}
.navi_bg2 li {
	background: url(../common/line.gif) bottom no-repeat;
	width:200px;
	height:auto;
	margin-top:1px;
}
.navi_bg2 li a {
	display:block;
	padding:4px 0 6px 13px;
	width:auto;
	color:#666666;
	text-decoration:none;
}
.navi_bg2 li a:hover {
	background:url(../common/list_bg.jpg) no-repeat left bottom;
	text-decoration:underline;
}
.list {
	display:block;
	background: url(../common/list3.jpg) no-repeat left;
	width:auto;
	height:auto;
	padding-left:10px;
	margin-left:-10px;
	padding-top:1px;
}
.list2 {
	display:block;
	background: url(../common/list2.jpg) no-repeat left 12px;
	width:auto;
	height:auto;
	text-align:left;
}
.navi_bg3 {
	background: url(../common/navi_bottom.jpg) bottom no-repeat;
	width:238px;
	height:auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding-bottom:41px;
	padding-top:1px;
	text-align:center;
}
.navi_bg3:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .navi_bg3 {
	height: 1em;
	overflow: visible;
}
/**/

.navi_bg3 a {
	text-decoration:none;
	color:#666666;
}
.navi_bg3 a:hover {
	text-decoration: underline;
}
.blog_inner {
	width:238px;
	height:auto;
	padding:0 14px 0 16px;
}
html > body .blog_inner {
	width:208px;
}
.blog_bg {
	background:url(../common/blog_bg.jpg) bottom no-repeat;
	width:208px;
	height:auto;
	padding-bottom:15px;
	text-align:left;
}
.blog_bg ul {
	padding-left:9px;
}
.blog_bg li {
	background: url(../common/line2.gif) bottom no-repeat;
	width:187px;
	height:auto;
	text-align:left;
}
.blog_bg li a {
	display:block;
	padding:6px 0 6px 13px;
	width:187px;
	color:#CCCCCC;
	text-align:left;
}
html > body .blog_bg li a {
	width:174px;
}
.blog_bg p {
	margin-top:8px;
	text-align:center;
}
.blog_bg p a {
	color:#CCCCCC;
}
.partner_left {
	float:left;
	width:102px;
	height:auto;
	margin-right:2px;
}
.partner_right {
	float:left;
	width:104px;
	height:auto;
}
.navi_bg {
	width:238px;
	height:auto;
	padding:0 9px 8px 9px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
html > body .navi_bg {
	width:220px;
}
.plan_list {
	width:238px;
	height:auto;
	padding:0 9px 8px 9px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
html > body .plan_list {
	width:220px;
}
.plan_list ul {
}
.plan_list li {
	text-indent:-999em;
}
.plan_list li.bt1 {
}
.plan_list li.bt1 a {
	display:block;
	background: url(../img/plan/plan_list1_off.jpg) no-repeat 0 0;
	width:220px;
	height:32px;
}
.plan_list li.bt1 a:hover {
	background: url(../img/plan/plan_list1_on.jpg) no-repeat 0 0;
	width:220px;
	height:32px;
}
.plan_list li.bt2 {
}
.plan_list li.bt2 a {
	display:block;
	background:url(../img/plan/plan_list2_off.jpg) no-repeat 0 0;
	width:220px;
	height:31px;
}
.plan_list li.bt2 a:hover {
	background:url(../img/plan/plan_list2_on.jpg) no-repeat 0 0;
	width:220px;
	height:31px;
}
.plan_list li.bt3 {
}
.plan_list li.bt3 a {
	display:block;
	background:url(../img/plan/plan_list3_off.jpg) no-repeat 0 0;
	width:220px;
	height:31px;
}
.plan_list li.bt3 a:hover {
	background:url(../img/plan/plan_list3_on.jpg) no-repeat 0 0;
	width:220px;
	height:31px;
}
.plan_list li.bt4 {
}
.plan_list li.bt4 a {
	display:block;
	background:url(../img/plan/plan_list4_off.jpg) no-repeat 0 0;
	width:220px;
	height:31px;
}
.plan_list li.bt4 a:hover {
	background:url(../img/plan/plan_list4_on.jpg) no-repeat 0 0;
	width:220px;
	height:31px;
}
.service_list {
	width:238px;
	height:auto;
	padding:0 9px 8px 9px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
html > body .service_list {
	width:220px;
}
.service_list ul {
}
.service_list li {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:url(../img/service/list.jpg) no-repeat top left;
	width:auto;
	height:auto;
}
.service_list li a {
	display:block;
	padding:4px 0 3px 13px;
	color:#666666;
	width:219px;
	text-decoration:none;
}
html > body .service_list li a {
	width:206px;
}
:root .service_list li a {
	padding-bottom:5px;
	padding-top:5px;
}
.service_list li a:hover {
	background:url(../img/service/list2.jpg) no-repeat top left;
	text-decoration: underline;
	background-color:#EEEEEE;
}
.service_list li.bt1 {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width:auto;
	height:auto;
}
/*======================================

	Main Navi

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

div#mnavi {
	clear:both;
	background:url(../common/navi.jpg) no-repeat 0 0;
	width:980px;
	height:52px;
	text-align:left;
	position:relative;
}
div#mnavi ul {
}
div#mnavi li {
	display:inline;
}
div#mnavi li.bt9 {
}
div#mnavi li.bt9 a {
	display:block;
	float:left;
	width:247px;
	height:50px;
	position: absolute;
	text-indent:-999em;
	left:0;
	top: 0;
}
div#mnavi li.bt10 {
}
div#mnavi li.bt10 a {
	display:block;
	float:left;
	width:243px;
	height:50px;
	position: absolute;
	text-indent:-999em;
	left: 245px;
	top: 2px;
}
div#mnavi li.bt11 {
}
div#mnavi li.bt11 a {
	display:block;
	float:left;
	width:243px;
	height:50px;
	position: absolute;
	text-indent:-999em;
	top: 2px;
	left: 490px;
}
div#mnavi li.bt12 {
}
div#mnavi li.bt12 a {
	display:block;
	float:left;
	width:247px;
	height:50px;
	position: absolute;
	text-indent:-999em;
	top: 1px;
	left: 732px;
}
div#mnavi li.bt13 {
}
div#mnavi li.bt13 a {
	display:block;
	float:left;
	width:194px;
	height:50px;
	position: absolute;
	text-indent:-999em;
	top: 2px;
	left: 781px;
}
div#mnavi li.bt13 a:hover {
	background:url(../common/navi.jpg) no-repeat -781px -54px;
	width:194px;
	height:50px;
}
/*======================================

	Main

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

div#main {
	float:left;
	width:720px;
	height:auto;
	text-align:left;
	margin-right:16px;
}
* html div#main {
	margin-right:10px;
}
/*======================================

	Top Page

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

/* イラストレーターサイト新規制作分 */

.pickup {
	width:auto;
	text-align:center;
	background:url(../img/top/pickup_bg.gif) no-repeat bottom;
	padding-left:5px;
	padding-bottom:7px;
	margin-bottom:20px;
}
.pickup a {
	color:#333;
	text-decoration:none;
}
.pickup {
	overflow: hidden;
}
.pickup:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .pickup {
	height: 1em;
	overflow: visible;
}
/**/


.pickup table {
	border-collapse:collapse;
	float:left;
	margin:0 3px;
}
.pickup th, .pickup td {
	background:url(../img/top/pickup_img_bg.gif) repeat;
	text-align:center;
	font-size:12px;
}
.pickup th {
	padding:5px 5px 4px 5px;
}
.pickup td {
	padding:0 5px 5px 5px;
}
.pickup td .name {
	display:block;
	width:auto;
	background-color:#fff;
	padding:3px 0;
}
.pickup .section-left {
	width:318px;
	float:left;
	text-align:left;
	padding-left:20px;
	padding-right:15px;
	border-right:1px solid #cdcdcd;
}
.pickup .section-right {
	width:323px;
	padding-left:10px;
	padding-right:20px;
	float:right;
	text-align:left;
}
.various_box {
	width:159px;
	height:auto;
	float:left;
	text-align:left;
	font-size:11px;
	margin:0 3px 0 12px;
	line-height:140%;
}
.search_box1 {
	width:210px;
	background:url(../img/top/search_bg210.gif) no-repeat bottom;
	text-align:left;
	float:left;
	margin-left:11px;
	padding-bottom:5px;
	margin-bottom:10px;
	height:64px;
}
.search_box2 {
	width:210px;
	background:url(../img/top/search_bg210.gif) no-repeat bottom;
	text-align:left;
	float:left;
	margin-left:12px;
	padding-bottom:5px;
	margin-bottom:10px;
	height:64px;
}
.search_box3 {
	width:244px;
	background:url(../img/top/search_bg244.gif) no-repeat bottom;
	text-align:left;
	float:left;
	margin-left:12px;
	padding-bottom:5px;
	margin-bottom:10px;
	height:64px;
}
.search_box4 {
	width:690px;
	background:url(../img/top/search_bg690.gif) no-repeat bottom;
	text-align:left;
	clear:both;
	margin-left:10px;
	padding-bottom:5px;
}

#form_entry .search_box4 {
	width:690px;
	background:none;
	text-align:left;
	clear:both;
	margin-left:10px;
	padding-bottom:5px;
} 

*:first-child+html .search_box4 {
	width:690px;
	background:url(../img/top/search_bg690.gif) no-repeat bottom;
	text-align:left;
	clear:both;
	margin-left:-3px;
	padding-bottom:5px;
}
.search_box4 {
	overflow: hidden;
}
.search_box4:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .search_box4 {
	height: 1em;
	overflow: visible;
}
/**/

.search_box4 .inner {
	width:auto;
	border:1px solid #d8d8d8;
	background-color:#fff;
	padding:7px 8px;
	margin-bottom:5px;
}
.search_box4 .inner div {
	width:auto;
	height:120px;
	overflow:auto;
}
.search_box1 h2 {
	background:url(../img/top/search_bar1.jpg) no-repeat 0 0;
	width:auto;
	height:23px;
	text-indent:-999em;
	margin-bottom:5px;
}
.search_box2 h2 {
	background:url(../img/top/search_bar2.jpg) no-repeat 0 0;
	width:auto;
	height:23px;
	text-indent:-999em;
	margin-bottom:5px;
}
.search_box3 h2 {
	background:url(../img/top/search_bar3.jpg) no-repeat 0 0;
	width:auto;
	height:23px;
	text-indent:-999em;
	margin-bottom:5px;
}
.search_box4 h2 {
	background:url(../img/top/search_bar4.jpg) no-repeat 0 0;
	width:auto;
	height:23px;
	text-indent:-999em;
	margin-bottom:5px;
}
.search_box1 input, .search_box2 input, .search_box3 input {
	margin-left:10px;
}
.search_select, .search_select_kazu {
	margin-left:14px;
	margin-top:9px;
}
.search_box4 .section {
	width:207px;
	float:left;
	margin-left:14px;
	text-align:left;
}
.search_option {
	width:auto;
	clear:both;
	height:80px;
}
.search_option .search_box {
	background:url(../img/top/keyward_bg.jpg) no-repeat 0 0;
	width:367px;
	height:65px;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	float:left;
}
.search_option .search_box input {
	margin-top:30px;
	width:331px;
	color:#c1c1c1;
	font-size:12px;
	padding:3px 0 3px 10px;
	margin-bottom:5px;
}
.search_option .search_bt {
	padding-top:20px;
	padding-right:8px;
	float:right;
}
/* 新規ナビ部分 */

.sidenavi_bt1 {
	position:relative;
	width:auto;
	margin-bottom:10px;
	margin-top:-8px;
}
#new_member {
	width:auto;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
}

#new_member a, #new_member strong {
	color:#FF3300;
	text-decoration:none;
}

.member_foot {
	background:url(../common/member_foot.jpg) no-repeat 0 0;
	width:auto;
	height:35px;
	text-align:center;
	clear:both;
	margin-bottom:10px;
}

.peger {
	padding-top:4px;
}

.peger li {
	display:inline;
}

.list_pager {
	width:auto;
	height:59px;
	clear:both;
	text-align:center;
	background:url(../img/list/pager_bg.gif) no-repeat 0 0;
	margin:10px 0;
}

.list_pager .peger {
	padding-top:12px;
}

.list_pager .all {
	font-size:11px;
}

.list_pager a,
.member_foot a {
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	background:url(../common/peger_bg.jpg) no-repeat 0 0;
	padding:8px 11px;
	margin:2px;
	color:#000;
	text-decoration:none;
	font-size:10px;
}

a.prev,
a.next {
	background:url(../img/list/prev_next_bg.jpg) no-repeat 0 0;
	padding:8px 12px;
}

.list_pager a:hover,
.member_foot a:hover {
	text-decoration:underline;
	color:#666;
}



#new_member {
	padding-top:41px;
	background:url(../common/new_member.jpg) no-repeat 0 0;
}
#new_member h2 {
	display:none;
}
#new_member .img {
	display:block;
	float:left;
	padding:3px;
	background:url(../img/top/pickup_img_bg.gif) repeat 0 0;
	margin-right:3px;
}
#new_member .white {
	border-bottom:1px solid #dbdbdb;
	padding:5px;
}
#new_member .grey {
	border-bottom:1px solid #dbdbdb;
	padding:5px;
	background-color:#f3f3f3;
}
#new_member .txt {
	font-size:11px;
	line-height:120%;
}
#new_member .white, #new_member .grey {
	overflow: hidden;
}
#new_member .white:after, #new_member .grey:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #new_member .white, * html #new_member .grey {
	height: 1em;
	overflow: visible;
}
/**/	
/* ここまで */


.topimg {
	background:url(../common/topimg_foot.jpg) repeat-x center bottom;
	width:100%;
	height:270px;
	margin:0 auto;
	text-align:center;
}
.hotnews_bg {
	background: url(../img/top/hotnews_bg.jpg) no-repeat 0 0;
	width:720px;
	height:155px;
	padding:11px 11px 11px 11px;
	margin-bottom:30px;
}
html > body .hotnews_bg {
	width:698px;
	height:133px;
}
:root .hotnews_bg {
	padding-right:6px;
	width:703px;
}
.diary {
	float:left;
	background:url(../img/top/staff_diary_bg.jpg) no-repeat 0 0;
	width:180px;
	height:135px;
	padding:32px 5px 0 5px;
	margin-right:1px;
}
html > body .diary {
	width:170px;
	height:103px;
}
.diary_inner {
	width:168px;
	height:95px;
	background-color:#FFFFFF;
}
.hotnews_bg ul {
}
.hotnews_bg li {
	border-bottom:1px solid;
	padding:5px 5px 5px 10px;
}
.hotnews_bg a {
	color:#666666;
	text-decoration:none;
}
.hotnews_bg a:hover {
	text-decoration:underline;
}
.news {
	float:left;
	background:url(../img/top/news_bg.jpg) no-repeat 0 0;
	width:521px;
	height:135px;
	padding:32px 5px 0 5px;
}
html > body .news {
	width:511px;
	height:103px;
}
.news_inner {
	width:511px;
	height:95px;
	overflow:auto;
	background-color:#FFFFFF;
}
.hotnews_bg dl {
}
.hotnews_bg dt {
	float:left;
	display:block;
	width:80px;
	padding:11px 5px 13px 10px;
}
html > body .hotnews_bg dt {
	width:65px;
}
.hotnews_bg dd {
	border-bottom:1px solid;
	padding:11px 5px 13px 0;
}
.infor {
	clear:both;
	background:url(../img/top/infomation.jpg) no-repeat 0 0;
	width:724px;
	height:139px;
	text-indent:-999em;
	margin-top:18px;
}
.infor_bottom {
	background:url(../img/top/infomation_off.jpg) no-repeat 0 0;
	width:724px;
	height:44px;
	text-indent:-999em;
}
.infor_bottom a {
	display:block;
	width:724px;
	height:44px;
}
.infor_bottom a:hover {
	background:url(../img/top/infomation_on.jpg) no-repeat 0 0;
	width:724px;
	height:44px;
}
.area {
	line-height:140%;
}
.area a {
	color:#666;
	text-decoration:none;
}
.area strong {
	font-weight:normal;
}

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

	イラストレーターリスト

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

#secimg {
	width:auto;
	height:88px;
	background-color:#0066CC;
	text-align:center;
}

#secimg h2 {
	display:block;
	width:980px;
	margin:0 auto;
	text-align:left;
}

.search_section {
	width:auto;
	height:auto;
	background:url(../img/list/list_head.gif) no-repeat 0 0;
	padding-top:7px;
	margin-bottom:10px;
}

.search_section .inner {
	width:auto;
	height:auto;
	background:url(../img/list/list_bg.gif) no-repeat bottom;
	padding:0 0 9px 1px;
}

.search_section .inner {
	overflow: hidden;
}

.search_section .inner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .search_section .inner {
	height: 1em;
	overflow: visible;
}
/**/


.search_section .profile {
	width:223px;
	float:left;
}

.search_section .thum_img {
	width:490px;
	float:left;
}

.search_section .profile_txt {
	width:auto;
	padding-left:10px;
}


.search_section .profile_txt a {
	color:#333;
	text-decoration:none;
}

.search_section .profile_txt .img {
	padding:3px;
	background:url(../img/top/pickup_img_bg.gif) repeat;
	margin-right:7px;
}

.search_section .profile_txt .txt {
	display:block;
	padding-top:3px;
	font-size:11px;
	line-height:130%;
}

.search_section .thum_img p {
	border:5px solid #000;
	float:left;
	margin-right:5px;
}

.search_section .thum_img p.end {
	margin-right:0px;
}

/* パターンB */

.search_section_b {
	background:url(../img/list/list_b_bg.jpg) no-repeat 0 0;
	width:170px;
	height:194px;
	text-align:center;
	float:left;
	margin-right:13px;
	margin-bottom:12px;
}


.search_section_b_end {
	background:url(../img/list/list_b_bg.jpg) no-repeat 0 0;
	width:170px;
	height:194px;
	text-align:center;
	float:left;
	margin-right:0;
}

.search_section_b p.img {
	padding-top:5px;
}

.search_section_b p img {
	border:5px solid #000;
}

.search_section_b p.name {
	margin-top:3px;
}

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

	イラストレーターリスト詳細

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

.details_section {
	background:url(../img/details/details_head.gif) no-repeat 0 0;
	width:auto;
	height:auto;
	padding-top:15px;
}

.details_section .entry {
	background:url(../img/details/details_bg.gif) no-repeat bottom;
	width:auto;
	height:auto;
	padding:0 10px 10px 10px;
	margin-bottom:20px;
}

.entry .img img {
	border:5px solid #000;
	margin-bottom:3px;
}

.entry .left {
	width:208px;
	text-align:center;
	float:left;
}


.entry .right {
	width:481px;
	float:right;
}

.entry .right .inner {
	padding:0 10px;
}

.entry .right .inner h3 {
	color:#FF6600;
	line-height:normal;
	font-size:20px;
	margin-bottom:5px;
}

.entry .cat {
	padding-top:10px;
	width:auto;
	clear:both;
}

.entry .cat a:hover {
	text-decoration:underline;
}


.entry .cat ul {
	margin-left:10px;
}

.entry .cat ul li {
	display:inline;
	margin-right:8px;
	font-size:11px;
}

.entry .cat ul li a {
	background:url(../img/details/icon.gif) no-repeat 0 3px;
	padding:1px 0 1px 15px;
	color:#333;
	text-decoration:none;
}

.entry .cat{
	overflow: hidden;
}

.entry .cat:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .entry .cat {
	height: 1em;
	overflow: visible;
}
/**/

#works {
	padding:0 0 20px 0;
}

#works table.works_list {
	border-collapse:separate;
}

#works .works_list td {
	padding:4px;
	background:url(../img/details/details_works_bg.jpg) repeat;
}

#works .works_list td img {
	border:1px solid #666;
}

#works .left {
	display:block;
	width:148px;
	float:left;
	padding-right:4px;
}

#works .left .peger {
	display:block;
	padding-top:8px;
	padding-left:5px;
	clear:both;
}

#works .left .peger a {
	background:url(../img/details/pager_bg.jpg) no-repeat 1px 1px;
	padding:8px 10px;
	font-size:11px;
}

#works .left .peger a:hover {
	color:#666;
	text-decoration:underline;
}

#works .right {
	margin-top:2px;
	width:535px;
	height:380px;
	background-color:#000;
	float:left;
	margin-left:7px;
	overflow:hidden;
}

ul.thumbs li {
	background:url(../img/top/pickup_img_bg.gif) repeat 0 0;
	padding:4px;
}

#works .right img {
	/*margin:5px;*/
	margin: 0 auto;
}

.other_bg {
	background:url(../img/details/other_bg.jpg) no-repeat 0 0;
	width:auto;
	height:39px;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-indent:10px;
	line-height:27px;
}

.other_check {
	width:164px;
	height:68px;
	background:url(../img/details/other_check.gif) no-repeat 0 0;
	float:left;
	margin-left:10px;
	margin-bottom:8px;
}

.other_check table {
	margin:4px 0 0 0;
}

.other_check_table td {
	background:none;
	font-size:11px;
	vertical-align:middle;
}

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

	お問合せ
	
=======================================*/

#form {
	text-align:center;
}

#form h3 {
	clear:both;
	margin:0;
}

.contact_list {
	width:648px;
	margin:0 auto;
}


.contact_list:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .contact_list {
	height: 1em;
	overflow: visible;
}
/**/

.contact_list .entry {
	background:url(../img/contact/list_bg.gif) no-repeat 0 0;
	width:210px;
	height:75px;
	text-align:left;
	float:left;
	margin-left:4px;
}

.contact_list .entry .img {
	float:left;
	margin:8px 5px 0 8px;
}

.contact_list .entry .right {
	width:135px;
	float:left;
	padding-top:8px;
}

.contact_list .entry h4 {
	font-size:14px;
	color:#ff6600;
}

.contact_list .entry h4 {
	font-size:14px;
	color:#ff6600;
}

#form_entry {
	width:640px;
	margin:0 auto;
	clear:both;
	text-align:left;
	padding-top:15px;
}

* html #form_entry {
}

.contact_table {
	width:100%;
}

.contact_table th,
.contact_table td {
	background:none;
	text-align:left;
}

.contact_table th {
	vertical-align:bottom;
}

.contact_table td .text {
	width:260px;
}

.contact_table td .text2 {
	width:120px;
}

.contact_table td .text3 {
	width:200px;
}
.contact_table td .text4 {
	width:610px;
	height:120px;
}
.lefttable {
	width:282px;
	float:left;
}

.righttable {
	margin-left:50px;
	_margin-left:25px;
	width:282px;
	float:left;
}

.left_inner {
	background:url(../img/contact/v_line1.gif) repeat-y 0 0;
	padding-left:10px;
	margin-top:10px;
	clear:both;
	height:1%;
}

.left_inner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .left_inner {
	height: 1em;
	overflow: visible;
}
/**/

.right_inner {
	background:url(../img/contact/v_line2.gif) repeat-y 0 0;
	padding-left:10px;
	margin-top:10px;
	clear:both;
	height:1%;
}

.right_inner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .right_inner {
	height: 1em;
	overflow: visible;
}
/**/

.normal_inner {
	background:url(../img/contact/v_line1.gif) repeat-y 0 0;
	padding-left:10px;
	margin-top:10px;
	clear:both;
	height:1%;
}

.normal_inner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .normal_inner {
	height: 1em;
	overflow: visible;
}
/**/

.add {
	color:#f00;
}

.add_txt {
	font-size:11px;
	color:#f00;
}

.submit {
	clear:both;
	text-align:center;
	margin:10px 0;
}


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

	制作料金・制作フロー
	
=======================================*/

#price {

}

#price .section1 {
	position:relative;
	width:675px;
	height:157px;
	background:url(../img/flow/price1.gif) no-repeat 0 0;
	text-align:left;
	margin-top:14px;
	margin-left:18px;
}

#price .section1 p {
	position:absolute;
	left: 237px;
	top: 80px;
}

#price .section2 {
	position:relative;
	width:332px;
	height:97px;
	background:url(../img/flow/price2.jpg) no-repeat 0 0;
	text-align:left;
	float:left;
	margin-top:10px;
	margin-left:18px;
}

#price .section2 p {
	position:absolute;
	left: 99px;
	top: 47px;
}

#price .section3 {
	position:relative;
	width:332px;
	height:97px;
	background:url(../img/flow/price3.gif) no-repeat 0 0;
	text-align:left;
	float:left;
	margin-top:10px;
	margin-left:11px;
}

#price .section3 p {
	position:absolute;
	left: 99px;
	top: 47px;
}

.price_txt {
	display:block;
	padding:10px 0 10px 30px;
	clear:both;
	text-align:left;
}

#flow .section1 {
	position:relative;
	width:675px;
	height:137px;
	background:url(../img/flow/flow1.jpg) no-repeat 0 0;
	margin-left:18px;
	text-align:left;
	margin-top:10px;
}

#flow .section1 p {
	position:absolute;
	left: 185px;
	top: 71px;

}

#flow .section2 {
	position:relative;
	width:675px;
	height:137px;
	background:url(../img/flow/flow2.jpg) no-repeat 0 0;
	margin-left:18px;
	text-align:left;
	margin-top:10px;
}

#flow .section2 p {
	position:absolute;
	left: 185px;
	top: 71px;

}

#flow .section3 {
	position:relative;
	width:675px;
	height:137px;
	background:url(../img/flow/flow3.jpg) no-repeat 0 0;
	margin-left:18px;
	text-align:left;
	margin-top:10px;
}

#flow .section3 p {
	position:absolute;
	left: 185px;
	top: 71px;

}

#flow .section4 {
	position:relative;
	width:675px;
	height:137px;
	background:url(../img/flow/flow4.jpg) no-repeat 0 0;
	margin-left:18px;
	text-align:left;
	margin-top:10px;
}

#flow .section4 p {
	position:absolute;
	left: 185px;
	top: 71px;

}

#flow .section5 {
	position:relative;
	width:675px;
	height:137px;
	background:url(../img/flow/flow5.jpg) no-repeat 0 0;
	margin-left:18px;
	text-align:left;
	margin-top:10px;
}

#flow .section5 p {
	position:absolute;
	left: 185px;
	top: 71px;

}

#flow .section6 {
	position:relative;
	width:675px;
	height:156px;
	background:url(../img/flow/flow6.jpg) no-repeat 0 0;
	margin-left:18px;
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
}

#flow .section6 p {
	position:absolute;
	left: 185px;
	top: 71px;

}

#flow h3 {
	display:none;
}

#form {
	width:auto;
}

#form .search_box4 {
	margin:0;
	padding:0;
}

#form .search_box4 .section {
	width:197px;
	margin-left:10px;
	_margin-left:8px;	
}

#form .search_box4 .inner {
	background-color:#F5F5F5;
}

.tdtxt11 {
	font-size:11px;
	padding:10px 0;
}

.border_top {
	border-top:1px solid #cdcdcd;
}

.border_bototm {
	border-bottom:1px solid #cdcdcd;
}

.upload_entry {
	width:600px;
	clear:both;
	padding-left:6px;
}

.upload  {
	border-top:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
}

.upload th {
	padding:0;
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;

}

.upload td {
	padding:3px 5px;
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	font-size:11px;
}

.upload .col {
	background-color:#ffffcc;
}

.upload .del {
	text-align:center;
}

.upload_txt {
	margin:0 10px 0 0;
	padding-bottom:5px;
	display:block;
	border-bottom:1px solid #ccc;
}

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

	制作実績
	
=======================================*/

#results {
	padding:10px 20px;
	text-align:left;
}

#results .section1 {
	margin-bottom:15px;
}

#results .cntleft {
	background:url(../img/works/txt.gif) no-repeat 0 0;
	width:478px;
	height:147px;
	float:left;
}

#results .cntleft p {
	padding-top:65px;
	padding-right:10px;
}

#results .cntright {
	padding-top:8px;
	width:178px;
	float:right;
}

#results .works_list {
	width:auto;
	clear:both;
}

#results .works_list .entry {
	width:218px;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

#results .works_list .entry a {
	color:#666;
	text-decoration:underline;
}

#results .works_list .end {
	padding-right:0;
}

#results .works_list .works_name {
	font-size:11px;
	background:url(../img/works/works_name.gif) no-repeat 0 4px;
	padding-left:13px;
}

#results .works_list .works_cat {
	font-size:11px;
	background:url(../img/works/works_cat.gif) no-repeat 0 4px;
	padding-left:13px;
	color:#666;
}


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

	Footer

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

div#cnt_bottom {
	clear:both;
	width:980px;
	height:auto;
	margin:0 auto;
	background:url(../common/line3.gif) no-repeat top;
	padding:12px 0 12px 0;
}
div#cnt_bottom:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html div#cnt_bottom {
	height: 1em;
	overflow: visible;
}
/**/

div#cnt_bottom a {
	text-decoration:none;
	color:#666666;
}
div#cnt_bottom a:hover {
	text-decoration: underline;
	color:#666666;
}
div#cnt_bottom .cntleft {
	float:left;
	width:60%;
	text-align:left;
}
div#cnt_bottom .cntright {
	float:left;
	width:40%;
	text-align:right;
}
div#footer {
	clear:both;
	background:url(../common/footer_bg.jpg) no-repeat center top;
	width:100%;
	height:141px;
	margin:0 auto;
	text-align:center;
	padding:1px 0 0 0;
}
#footer .menu {
	background-image:url(../common/line600x1.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding:0;
	border-bottom:1px solid #cccccc;
}
#footer .left {
	width:auto;
	padding:7px 0;
	float:left;
}
#footer .right {
	width:auto;
	padding:7px 0;
	float:right;
}
#footer .menu a {
	color:#666666;
	text-decoration:none;
}
#footer .menu a:hover {
	color:#666666;
	text-decoration:underline;
}
#footer .banner {
	width:980px;
	clear:both;
	background-position:left;
	background-repeat:no-repeat;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}
#footer .banner:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #footer .banner {
	height: 1em;
	overflow: visible;
}
/**/

#footer .banner p.clef {
	float:left;
}
#footer .banner .inner {
	width:810px;
	float:right;
	text-align:left;
}
#footer .banner .inner ul {
	margin:18px 0 5px 0;
	padding:0;
}
#footer .banner .inner li {
	margin:0;
	padding:0 5px 0 0;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	display:inline;
}
#footer .menuinner {
	width:350px;
	float:left;
	text-align:left;
}
#footer .banner2 {
	width:170px;
	float:right;
	margin: 18px 0 0 0;
}

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

 10/09/07 Work

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

body.work div#container {
	background-color:#FFFFFF;
	padding:0;
}

body.work div#right_navi .work_list {
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	padding:10px 0;
	margin-bottom:15px;
}

body.work div#right_navi .work_list h3 {
	padding:0 19px;
	color:#0099FF;
}

body.work div#main .pagination a {
	float:none;
}


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

	hot link

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


.hotlink {
	width:auto;
	height:90px;
	overflow:auto;
	margin-top:10px;
}
.hotlink em {
	font-weight:bold;
}
/*======================================

 footer_tlink

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

.footer_tlink {
	text-align:right;
	border-bottom:1px solid #ccc;
	padding:5px 0;
	margin-bottom:10px;
	clear:both;
}
.footer_tlink a {
	color:#666;
}
/*======================================

 clearfix

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

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */