@charset "utf-8"; 

@import "common.css";
@import "before_login.css";

/* ============================================================ all */
#all {
	background: url(../images/all_index_bg.gif) repeat-y;
}
#all h2 {
	font-size: 100%;
}
#all ol {
	list-style: none;
}


/* ============================================================ header */
#header {
	height: 130px;
}


/* ==================================================== main */
#wrapper #main {
	float: right;
	width: 535px;
}
#wrapper .top-area {
	width: 740px;
	padding-bottom: 5px;
	text-align: center;
	background: white;
}
#wrapper #main .main-area {
	margin-left: 10px;
	font-size: 12px;
	text-align: left;
}


/* ==================================================== main */

#wrapper #side {
	width: 205px;
	font-size: 12px;
}
#wrapper #side .side_area {
	padding: 10px 9px;
}


/* ============================== login-menu */
#wrapper #side .side_area .login-menu {
	width: 187px;
	margin: 0 auto 15px;
}
#wrapper #side .side_area .login-menu li a {
	width: 187px;
	display: block;
}
#wrapper #side .side_area .login-menu li a:hover {
	background-color: white;
}
#wrapper #side .side_area .login-menu li a:hover img {
	visibility: hidden;
}
#wrapper #side .side_area .login-menu li#beforelogin-menu01 a {
	height: 45px;
	background-image: url(../images/index_side_outm_about_on.gif);
}
#wrapper #side .side_area .login-menu li#beforelogin-menu02 a {
	height: 44px;
	background-image: url(../images/index_side_outm_trial_on.gif);
}
#wrapper #side .side_area .login-menu li#beforelogin-menu03 a {
	height: 44px;
	background-image: url(../images/index_side_outm_price_on.gif);
}
#wrapper #side .side_area .login-menu li#beforelogin-menu04 a {
	height: 45px;
	background-image: url(../images/index_side_outm_regist_on.gif);
}
#wrapper #side .side_area .login-menu li#beforelogin-menu05 a {
	height: 45px;
	background-image: url(../images/index_side_outm_group_on.gif);
}
#wrapper #side .side_area .login-menu li#afterlogin-menu01 a {
	height: 45px;
	background-image: url(../images/index_side_inm_mypage_on.gif);
}
#wrapper #side .side_area .login-menu li#afterlogin-menu02 a {
	height: 44px;
	background-image: url(../images/index_side_inm_cart_on.gif);
}
#wrapper #side .side_area .login-menu li#afterlogin-menu03 a {
	height: 44px;
	background-image: url(../images/index_side_inm_price_on.gif);
}
#wrapper #side .side_area .login-menu li#afterlogin-menu04 a {
	height: 45px;
	background-image: url(../images/index_side_inm_logout_on.gif);
}
#wrapper #side .side_area .login-menu li#afterlogin-menu05 a {
	height: 45px;
	background-image: url(../images/index_side_outm_group_on.gif);
}

/* ============================== login */
#wrapper #side .side_area .login {
	width: 187px;
}
#wrapper #side .side_area .login dd {
	width: 163px;
}
#wrapper #side .side_area .login-textarea1 {
	width: 161px;
}
#wrapper #side .side_area .login-textarea2 {
	width: 94px;
}


/* ==================================================== information */
#wrapper #side .side_area .information {
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #c7c7c7;
	text-align: left;
	background: white;
}
#wrapper #side .side_area .information h2 {
	position: relative;
	height: 20px;
	width: 100%;
	background: #c7c7c7;
}
#wrapper #side .side_area .information h2 img {
	vertical-align: bottom;
}
#wrapper #side .side_area .information h2 a {
	position: absolute;
	top: 4px;
	right: 5px;
	height: 12px;
	width: 69px;
	font-size: 10px;
	display: block;
}
#wrapper #side .side_area .information dl {
	padding: 5px 10px;
	line-height: 1.5;
}
#wrapper #side .side_area .information dl dt {
	color: #A8A8A9;
}


/* ==================================================== banner */
#wrapper #side .side_area .side-banner {
	width: 186px;
	margin: auto;
}
#wrapper #side .side_area .side-banner li {
	margin-bottom: 5px;
}

#wrapper #side .side_area #side-socialbookmark {
	width: 180px;
	margin: auto;
}


/* ==================================================== main */

/* ==================================================== main-menu */
#main .main-area .main-menu {
}
#main .main-area .main-menu-left {
	position: relative;
	float: left;
	width: 258px;
}
#main .main-area .main-menu-right {
	float: left;
	width: 259px;
}
#main .main-area .main-menu li a {
	display: block;
}
#main .main-area .main-menu li a:hover {
	background-color: white;
}
#main .main-area .main-menu li a:hover img {
	visibility: hidden;
}
#main .main-area .main-menu-left a {
	height: 85px;
	width: 258px;
}
#main .main-area .main-menu li#main-menu01 a {
	background-image: url(../images/index_menu_busicard_on.gif);
}
#main .main-area .main-menu li#main-menu02 a {
	background-image: url(../images/index_menu_postcard_on.gif);
}
#main .main-area .main-menu li#main-menu03 a {
	background-image: url(../images/index_menu_flyer_on.gif);
}
#main .main-area .main-menu li#main-menu04 {
	position: absolute;
	top: 2px;
	right: 4px;
	height: 19px;
	width: 107px;
}
#main .main-area .main-menu li#main-menu04 a {
	height: 19px;
	width: 107px;
	background-image: url(../images/index_menu_other_on.gif);
}
#main .main-area .main-menu li#main-menu04 a:hover img {
	visibility: hidden;
}
#main .main-area .main-menu li#main-menu05 a {
	height: 77px;
	width: 259px;
	background-image: url(../images/index_menu_tempga_on.gif);
}
#main .main-area .main-menu li#main-menu06 a {
	height: 78px;
	width: 259px;
	background-image: url(../images/index_menu_customodr_on.gif);
}
#main .main-area .main-menu li#main-menu07 a {
	height: 78px;
	width: 259px;
	background-image: url(../images/index_menu_designcorrect_on.gif);
}
/* ==================================================== sokuhan-menu */
#main .main-area .sokuhan-menu {
	margin:8px 0 0 0;
	width:517px;
}
#main .main-area .sokuhan-menu .head{
	height:32px;
	background:url(../images/index_menu_ttl_sokuhan_bg.gif) repeat-x left top;
	position:relative;
}
#main .main-area .sokuhan-menu .head h2.title{
	position:absolute;
	left:13px;
	top:6px;
}
#main .main-area .sokuhan-menu .head p.btn{
	position:absolute;
	left:397px;
	top:7px;
}
#main .main-area .sokuhan-menu .body{
	border:1px #cccccc solid;
	height:120px;
}

#main .main-area .sokuhan-menu .body div.img{
	border-right:1px #cccccc solid;
	float:left;
}
#main .main-area .sokuhan-menu .body div.linkList{
	border-right:1px #cccccc solid;
	margin:10px 0 0 0;
	float:left;
	width:145px;
}
#main .main-area .sokuhan-menu .body div.linkListLast{
	margin:12px 0 0 0;
	float:left;
}

#main .main-area .sokuhan-menu .body div ul li{
	font-size:12px;
	color:#5B5B5B;
	margin:0 0 5px 20px;
	list-style-type:disc;
}
#main .main-area .sokuhan-menu .body div ul li a{
	color:#5B5B5B;
}
#main .main-area .sokuhan-menu .body div ul li a:hover{
	color:#0099FF;
}

#main .main-area p.dglite{
	padding:12px 0 0 0;
}


/* ==================================================== main-extra */
#main .main-area .main-extra {
	clear: both;
	width: 100%;
}
#main .main-area .main-extra ul li {
	float: left;
	padding: 10px 0;
}
#main .main-area .main-extra ul li#main-banner {
	width: 281px;
	margin-right: 15px;
}
#main .main-area .main-extra ul li#main-inquiry {
	width: 221px;
}
#main .main-area .main-extra ul li h2.gray_bg {
	margin-bottom: 2px;
	background:#c9c9c9;
	font-size:12px;
	height:16px;
	text-align:center;
	color:#fff;
	padding-top:5px;
	line-height:1;
}

#main .main-area h2.ttl_dg_gaiyou {
	font-size:14px;
	color:#666;
	padding:5px 0 5px 5px;
	line-height:1;
	border-bottom:1px solid #969696;
	width:510px;
	margin:0 0 5px 0;
}


/* ==================================================== main-body */
#main .main-area .main-body {
	clear: both;
	width: 486px;
	padding: 10px 11px 40px 18px;
	background: #ebf5ff;
}
#main .main-area .main-body h3 {
	position: relative;
	width: 267px;
	font-size: 14px;
	color: #646464;
	line-height: 1.5;
	padding-bottom: 5px;
	border-bottom: 1px solid #969696;
	margin-bottom: 10px;
}
#main .main-area .main-body h3 #kakuyasu {
	position: absolute;
	left: 182px;
	top: -34px;
	left: 0;
}
#main .main-area .main-body span,
#main .main-area .main-body p.main-text {
	color: #8c8c8c;
	line-height: 1.5;
}
#main .main-area .main-body p.main-text {
	margin-bottom: 1em;
}
#main .main-area .main-body p.link-price-list {
	width: 116px;
	margin-bottom: 20px;
}
#main .main-area .main-body ul.related-link {
	line-height: 1.5;
}
#main .main-area .main-body ul.related-link a {
	padding-left: 10px;
	color: #e66400;
	background: url(../images/index_icon_re_link.gif) no-repeat left center;
}
#main .main-area #visual-template {
	float: right;
	width: 208px;
	margin-left: 8px;
}

/*-----------------------------------------------under_flash_area*/
#wrapper .top-area p.under_flash_area {
	color:#868687;
}