@charset "UTF-8";

/*共通*/
body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 0px;
padding: 0px;
background-image: url(../img/bg.gif);
font-size: 1px;
line-height: 1px;
color:#333333;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
margin: 0px;
line-height:150%;
font-weight: normal;
list-style: none;
padding: 0px;
}

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

a {color:#666666;text-decoration:underline;outline:none}
a:hover {color:#71B019;text-decoration:underline;}
em,address {font-style: normal;}
strong {font-weight: bold;}
.clear {clear: both;}

.pageTop {position: absolute;right: 30px;bottom: 0px;}
* html .pageTop {position: absolute;right: 30px;bottom: -1px;}

.pageTop a {background-image: url(../img/btn_page_top.gif);height: 24px;width: 120px;text-indent: -9999px;display: block;}
.pageTop a:hover {background-position: 0px -24px;}
/*共通*/

/*レイアウト*/

#wrap {
width: 950px;
margin: 0px auto;
background-color: #FFFFFF;
}

#contents {width: 950px;position: relative;}

#contentsRight {float: right;	width: 630px;	margin-right: 20px;margin-bottom: 80px;}
* html #contentsRight {float: right;	width: 630px;	margin-right: 20px;margin-bottom: 30px;}

#contentsLeft {float: left;width: 250px;margin-left: 20px;margin-bottom: 80px;}
* html #contentsLeft {float: left;width: 250px;margin-left: 20px;margin-bottom: 60px;}

#footer {font-size: 12px;line-height: 150%;background-image: url(../img/f_menu_band.gif);background-repeat: no-repeat;background-position: center top;}
#header {position: relative;height: 120px;width: 950px;}

/*--- for IE6 huck ---*/
*html #contentsRight {float: right;width: 630px;margin-right: 10px;padding-bottom: 50px;}
*html #contentsLeft {float: left;width: 250px;margin-left: 10px;padding-bottom: 20px;}

/*レイアウト*/


/*ヘッダー*/


#hMenu {width: 374px;position: absolute;right: 15px;top: 22px;}

#hMenu li {float: left;padding-right: 10px;}
#hMenu01 a {background-image: url(../img/h_menu01.gif);text-indent: -9999px;display: block;height: 18px;width: 174px;}
#hMenu02 a {background-image: url(../img/h_menu02.gif);text-indent: -9999px;display: block;height: 18px;width: 52px;}
#hMenu03 a {background-image: url(../img/h_menu03.gif);text-indent: -9999px;display: block;height: 18px;width: 74px;}

#hMenu01 a:hover,#hMenu02 a:hover,#hMenu03 a:hover {background-position: 0px -18px;}


#logo a{
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 396px;
	position: absolute;
	left: 20px;
	top: 24px;
}
#memberBox01 {position: absolute;height: 35px;width: 345px;right: 25px;top: 54px;background-color: #F1F1EB;}
#memberBox02 {position: absolute;height: 35px;width: 450px;right: 25px;top: 54px;background-color: #F1F1EB;}


#boxBtn01,#boxBtn02{float: left;}

#boxBtn01 a {
	background-image: url(../img/m_menu01.gif);
	display: block;
	width: 165px;
	height: 25px;
	text-indent: -9999px;
	margin: 5px 5px 0px 5px;
}

#boxBtn02 a {
	background-image: url(../img/m_menu02.gif);
	display: block;
	width: 165px;
	height: 25px;
	margin: 5px 0px 0px 0px;
	text-indent: -9999px;
}

#boxBtn01 a:hover,#boxBtn02 a:hover {
	background-position: 0px -25px;
}

#boxBtn03 {
	background-color:#FFFFFF;
	width: 265px;
	height:27px;
	margin: 0px 5px 0px 0px;
	padding:8px 10px 0px 0px;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	text-align:right;
	float:left;
}

#boxBtn04 {
	float: left;
}

#boxBtn04 a {
	background-image: url(../img/m_menu03.gif);
	display: block;
	height: 25px;
	width: 165px;
	margin: 5px 0px 0px 0px;
	text-indent: -9999px;
}

#boxBtn04 a:hover {
	background-position: 0px -25px;
}


/*ヘッダー*/

/*フッター*/

#footerLinkBox01 li,#footerLinkBox02 li {float: left;}
#footerLinkBox01 {width: 580px;padding:0px;margin: 0px auto;}

#footerLinkBox02 {width: 320px;padding-bottom: 20px;clear: both;margin: 0px auto;}

.footerLinkBand {padding-right: 10px;padding-left: 10px;}

.copyright {background-color: #FFFFFF;background-image: url(../img/footer_band.gif);background-position: 0px 90px;width: 950px;background-repeat: no-repeat;height: 150px;padding-top:30px;clear: both;margin: 0px auto;}

.copyright p {font-size: 1px;line-height: 1px;background-image: url(../img/copyright.gif);background-repeat: no-repeat;text-indent: -9999px;display: block;height: 13px;width: 297px;margin: 0px auto;}

#footerLinkBoxWrap {
	background-image: url(../img/f_menu_band.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	height: 60px;
	padding:20px 0px 0px 0px;
}

/*フッター*/


/*左カラム*/

#gMenu {width: 250px;}

#gMenu01 a {	background-image: url(../img/g_menu01.gif);	text-indent: -9999px;	display: block;	height: 45px;	width: 250px;}
#gMenu02 a {	background-image: url(../img/g_menu02.gif);	text-indent: -9999px;	display: block;	height: 44px;	width: 250px;}
#gMenu03 a {	background-image: url(../img/g_menu03.gif);	text-indent: -9999px;	display: block;	height: 44px;	width: 250px;}
#gMenu04 a {	background-image: url(../img/g_menu04.gif);	text-indent: -9999px;	display: block;	height: 44px;	width: 250px;}
#gMenu05 a {	background-image: url(../img/g_menu05.gif);	text-indent: -9999px;	display: block;	height: 44px;	width: 250px;}

#gMenu06 a {	background-image: url(../img/g_menu06.gif);	text-indent: -9999px;	display: block;	height: 60px;	width: 250px;margin-top:20px;}
#gMenu07 a {	background-image: url(../img/g_menu07.gif);	text-indent: -9999px;	display: block;	height: 60px;	width: 250px;margin-top:10px;}

#gMenu01on a {	background-image: url(../img/g_menu01on.gif);	text-indent: -9999px;	display: block;	height: 45px;	width: 250px;}
#gMenu02on a {	background-image: url(../img/g_menu02on.gif);	text-indent: -9999px;	display: block;	height: 44px;	width: 250px;}
#gMenu03on a {	background-image: url(../img/g_menu03on.gif);	text-indent: -9999px;	display: block;	height: 44px;	width: 250px;}
#gMenu04on a {	background-image: url(../img/g_menu04on.gif);	text-indent: -9999px;	display: block;	height: 44px;	width: 250px;}
#gMenu05on a {	background-image: url(../img/g_menu05on.gif);	text-indent: -9999px;	display: block;	height: 44px;	width: 250px;}

#gMenu01 a:hover,#gMenu01on a:hover {background-position: 0px -45px;}
#gMenu02 a:hover,#gMenu02on a:hover {background-position: 0px -44px;}
#gMenu03 a:hover,#gMenu03on a:hover {background-position: 0px -44px;}
#gMenu04 a:hover,#gMenu04on a:hover {background-position: 0px -44px;}
#gMenu05 a:hover,#gMenu05on a:hover {background-position: 0px -44px;}


#gMenu06 a:hover {background-position: 0px -60px;}
#gMenu07 a:hover {background-position: 0px -60px;}

.lColumnBand {margin-top: 20px;margin-bottom: 20px;}
.lColumnBand2 {margin-top: 20px;}
.lColumnPickUp {margin-bottom: 10px;}

.lColumnPickUp a {	background-image: url(../img/ba_pick_up.jpg);	background-repeat: no-repeat;	text-indent: -9999px;	display: block;	height: 250px;	width: 250px;}
.lColumnPartner a {	background-image: url(../img/ba_partner.gif);	background-repeat: no-repeat;	text-indent: -9999px;	display: block;	height: 76px; width: 250px;}

.lColumnCoda {margin-bottom: 10px;margin-top: 10px;}
.lColumnCoda a {	background-image: url(../img/coda_banner01.jpg);	background-repeat: no-repeat;	text-indent: -9999px;	display: block;	height: 70px;	width: 250px;}

.lColumnPickUp a:hover {background-position: 0px -250px;}
.lColumnPartner a:hover {	background-position: 0px -76px;}


#newMatterBox h3 {background-image: url(../img/tit_new_matter.gif);text-indent: -9999px;display: block;height: 33px;width: 250px;}
#newMatterBox {background-color: #F1F1EB;font-size: 12px;line-height: 150%;}
.newMatterData {background-image: url(../img/left_column_matter_line.gif);background-repeat: no-repeat;background-position: center bottom;padding: 10px;}
.newMatterDate {font-size: 10px;color: #018DE0;}

#newArchiveBox h3 {background-image: url(../img/tit_new_archive.gif);text-indent: -9999px;display: block;height: 33px;width: 250px;}
#newArchiveBox {background-color: #F1F1EB;font-size: 12px;line-height: 150%; padding-bottom:10px; margin-bottom:20px;}
.newArchiveData {background-image: url(../img/left_column_matter_line.gif);background-repeat: no-repeat;background-position: center bottom;padding: 10px;}
.newArchiveMonth {font-size: 12px;color: #018DE0;}

#newCategoryBox h3 {background-image: url(../img/tit_new_category.gif);text-indent: -9999px;display: block;height: 33px;width: 250px;}
#newCategoryBox {background-color: #F1F1EB;font-size: 12px;line-height: 150%; padding-bottom:10px}
.newCategoryData {background-image: url(../img/left_column_matter_line.gif);background-repeat: no-repeat;background-position: center bottom;padding: 10px;}
.newCategoryMonth {font-size: 12px;color: #018DE0;}

.linkMatterList {padding-bottom: 10px;}
.linkMatterList a {font-size: 1px;line-height: 1px;background-image: url(../img/btn_matter_list.gif);text-indent: -9999px;display: block;height: 28px;width: 230px;margin: 0px auto 0px auto;}
.linkMatterList a:hover {background-position: 0px -28px;}

/*左カラム*/


#pankuzu {	font-size: 12px;	line-height: 22px;}





/* ページナビ */

.pageNaviBox {
	background-image:url(../img/page_navi_bg.gif);
	background-repeat:repeat-x;
	width:630px;
	height:36px;
	font-size: 12px;
	text-align: center;
	line-height: 150%;
	padding: 15px 0px 0px 0px;
	position: relative;
}

.pageNaviBox a{
	background-color: #FFFFFF;
	border: 1px solid #666666;
	color: #666666;
	font-weight:bold;
	text-decoration:none;
	padding: 2px 4px;
}
.pageNaviBox a:hover{
	color: #71B019 ;
	text-decoration:none;
}

.pagaNaviPrev a.link_page{
	background-image:url(../img/page_navi_arrow01.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px 0px 12px;
	position: absolute;
	left: 0px;
	top: 15px;
	border: 0px;
}
.pagaNaviPrev a.link_page:hover{
	background-image:url(../img/page_navi_arrow01_ov.gif);
	text-decoration:none;
	border: 0px;
}
.pagaNaviPrev strong{
	font-size:16px;
	font-weight:bold;
}

.pagaNaviNext a.link_page{
	background-image:url(../img/page_navi_arrow02.gif);
	background-repeat:no-repeat;
	background-position:top right;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:0px 12px 0px 0px;
	position: absolute;
	right: 0px;
	top: 15px;
	border: 0px;
}
.pagaNaviNext a.link_page:hover{
	background-image:url(../img/page_navi_arrow02_ov.gif);
	text-decoration:none;
	border: 0px;
}
.pagaNaviNext strong{
	font-size:16px;
	font-weight:bold;
}



.current_page {
	background-color: #9BC85E;
	border: 1px solid #71B019;
	color: #FFFFFF !important;
	font-weight:bold;
	padding: 2px 4px;
}





/* ボタン用Wrap */

.btnWrapS {
	width: 630px;
	height: 30px;
	position: relative;
}

.btnWrapS02 {
	width: 596px;
	height: 30px;
	position: relative;
}

.btnWrapS03 {
	width: 610px;
	height: 30px;
	position: relative;
}

.btnWrapL {
	width: 630px;
	height: 40px;
	position: relative;
}

.btnSRight{
	position: absolute;
	left: 400px;
	bottom: 0px;
}

.btnSRight02{
	position: absolute;
	left: 366px;
	bottom: 0px;
}

.btnSRight03{
	position: absolute;
	left: 380px;
	bottom: 0px;
}

.btnMRight{
	position: absolute;
	left: 320px;
	bottom: 0px;
}

.btnLeft{
	position: absolute;
	left: 0px;
	bottom: 0px;
}



/* デザイナー用ボタン S */
.btnDesignerBackS{
	position: absolute;
	left: 400px;
	bottom: 0px;
}
.btnDesignerBackS a{
	background-image:url(../img/btn_d_back_s.gif);
	background-repeat:no-repeat;
	display:block;
	width:230px;
	height:30px;
	text-indent:-9999px;
}
.btnDesignerBackS a:hover{
	background-position:0px -30px;
}

.btnDesignerBackS02{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.btnDesignerBackS02 a{
	background-image:url(../img/btn_d_back_s.gif);
	background-repeat:no-repeat;
	display:block;
	width:230px;
	height:30px;
	text-indent:-9999px;
}
.btnDesignerBackS02 a:hover{
	background-position:0px -30px;
}

.btnDesignerNewportfolioS{
	position: absolute;
	left: 380px;
	bottom: 0px;
}
.btnDesignerNewportfolioS a{
	background-image:url(../img/btn_d_newportfolio_s.gif);
	background-repeat:no-repeat;
	display:block;
	width:230px;
	height:30px;
	text-indent:-9999px;
}
.btnDesignerNewportfolioS a:hover{
	background-position:0px -30px;
}



/* デザイナー用ボタン M */
.btnDesignerBackM{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.btnDesignerBackM a{
	background-image:url(../img/btn_d_back_m.gif);
	background-repeat:no-repeat;
	display:block;
	width:310px;
	height:40px;
	text-indent:-9999px;
}
.btnDesignerBackM a:hover{
	background-position:0px -40px;
}

.btnDesignerRegisterM {
	position: absolute;
	left: 320px;
	bottom: 0px;
}
.btnDesignerRegisterM a{
	background-image:url(../img/btn_d_register_m.gif);
	background-repeat:no-repeat;
	display:block;
	width:310px;
	height:40px;
	text-indent:-9999px;
}
.btnDesignerRegisterM a:hover{
	background-position:0px -40px;
}



/* デザイナー用ボタン L */
.btnDesignerNewTopicL{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.btnDesignerNewTopicL a{
	background-image:url(../img/btn_d_newtopic_l.gif);
	background-repeat:no-repeat;
	display:block;
	width:630px;
	height:40px;
	text-indent:-9999px;
}
.btnDesignerNewTopicL a:hover{
	background-position:0px -40px;
}

.btnDesignerDownloadL{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.btnDesignerDownloadL a{
	background-image:url(../img/btn_d_download_l.gif);
	background-repeat:no-repeat;
	display:block;
	width:630px;
	height:40px;
	text-indent:-9999px;
}
.btnDesignerDownloadL a:hover{
	background-position:0px -40px;
}



/* ユーザー様ボタン S */

.btnUserBackS{
	position: absolute;
	left: 400px;
	bottom: 0px;
}
.btnUserBackS a{
	background-image:url(../img/btn_u_back_s.gif);
	background-repeat:no-repeat;
	display:block;
	width:230px;
	height:30px;
	text-indent:-9999px;
}
.btnUserBackS a:hover{
	background-position:0px -30px;
}

.btnUserBackS02{
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.btnUserBackS02 a{
	background-image:url(../img/btn_u_back_s.gif);
	background-repeat:no-repeat;
	display:block;
	width:230px;
	height:30px;
	text-indent:-9999px;
}
.btnUserBackS02 a:hover{
	background-position:0px -30px;
}

.btnUserBackSrchS{
	position: absolute;
	left: 400px;
	bottom: 0px;
}
.btnUserBackSrchS a{
	background-image:url(../img/btn_u_backsrch_s.gif);
	background-repeat:no-repeat;
	display:block;
	width:230px;
	height:30px;
	text-indent:-9999px;
}
.btnUserBackSrchS a:hover{
	background-position:0px -30px;
}



/* ユーザー様ボタン M */
.btnUserEstimateM {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.btnUserEstimateM a{
	background-image:url(../img/btn_u_estimate_m.gif);
	background-repeat:no-repeat;
	display:block;
	width:310px;
	height:40px;
	text-indent:-9999px;
}
.btnUserEstimateM a:hover{
	background-position:0px -40px;
}

.btnUserContactM {
	position: absolute;
	left: 320px;
	bottom: 0px;
}
.btnUserContactM a{
	background-image:url(../img/btn_u_contact_m.gif);
	background-repeat:no-repeat;
	display:block;
	width:310px;
	height:40px;
	text-indent:-9999px;
}
.btnUserContactM a:hover{
	background-position:0px -40px;
}

.btnUserSrchDesignerM {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.btnUserSrchDesignerM a{
	background-image:url(../img/btn_u_srchdesigner_m.gif);
	background-repeat:no-repeat;
	display:block;
	width:410px;
	height:40px;
	text-indent:-9999px;
}
.btnUserSrchDesignerM a:hover{
	background-position:0px -40px;
}


/* 登録数 */
#memberN{
	width: 396px;
	position: absolute;
	left: 25px;
	top: 78px;
	font-size: 10px;
	line-height: 130%;
	color: #666666;
}

#memberN .number{
	font-size: 12px;
	line-height: 130%;
	color: #73AC25;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}