@charset "utf-8";

/*//////////////////////////////////////////////////

Title : contents_style.css

For   : contents area


Copyright (C)2008 Grand Marche Co., Ltd. All rights reserved.

//////////////////////////////////////////////////*/

/*--------------------------
	contents_area
--------------------------*/
#content.contentWrapper {
	margin: 2px;
	width : 800px ;
	text-align: left;
}

#content .contentWrapper .contentInnerRight {
	float : left;
	text-align: left;
	width : 675px ;
	margin: 0;
}
#content .contentWrapper .contentInnerLeft {
	float : left ;
	width : 70px ;
	margin: 10px 0 0 3px;
}
/*--------------------------
	contents area_curve
--------------------------*/

#content .contentCurve {
	background:#ffffff; /* 角丸の色 */
	margin:10px 0;
}
#content .contentCurve .imgR{
	float : right;
	margin: 0;
}
#content .contentCurve div.curve-head{
	font-size:1px;
	height:10px;
	background:url(../img/curve/curve-left-head.gif) top left no-repeat;
}
#content .contentCurve div.curve-head div{
	font-size:1px;
	height:10px;
	background:url(../img/curve/curve-right-head.gif) top right no-repeat;
}
#content .contentCurve div.curve-bottom {
	font-size:1px;
	height:10px;
	background:url(../img/curve/curve-left-bottom.gif) bottom left no-repeat;
}
#content .contentCurve div.curve-bottom div{
	font-size:1px;
	height:10px;
	background:url(../img/curve/curve-right-bottom.gif) bottom right no-repeat;
}
/*--------------------------

	contents/title

--------------------------*/
/*----------------- 2_inquiry ---------------*/

#content .contentCurve .TitleTopInquiry {
	margin: 0;
	height: 21px;
	background:url(../img/title/2_inquiry.gif) center left no-repeat;
	border-top:  10px solid #468c8c;
}
#content .contentCurve .TitleBottomInquiry {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #468c8c;
}
/*----------------- 3_employment ---------------*/

#content .contentCurve .TitleTopEmployment {
	margin: 0;
	height: 21px;
	background:url(../img/title/3_employment.gif) center left no-repeat;
	border-top:  10px solid #468c8c;
}
#content .contentCurve .TitleBottomEmployment {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #468c8c;
}
/*----------------- 4_privacy ---------------*/

#content .contentCurve .TitleTopPrivacy {
	margin: 0;
	height: 21px;
	background:url(../img/title/4_privacy.gif) center left no-repeat;
	border-top:  10px solid #468c8c;
}
#content .contentCurve .TitleBottomPrivacy {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #468c8c;
}
/*----------------- 5_sitemap ---------------*/

#content .contentCurve .TitleTopSitemap {
	margin: 0;
	height: 21px;
	background:url(../img/title/5_sitemap.gif) center left no-repeat;
	border-top:  10px solid #468c8c;
}
#content .contentCurve .TitleBottomSitemap {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #468c8c;
}
/*----------------- 6_philosophy ---------------*/

#content .contentCurve .TitleTopPhilosophy {
	margin: 0;
	height: 21px;
	background:url(../img/title/6_philosophy.gif) center left no-repeat;
	border-top:  10px solid #093488;
}
#content .contentCurve .TitleBottomPhilosophy {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #093488;
}
/*----------------- 7_message ---------------*/

#content .contentCurve .TitleTopMessage {
	margin: 0;
	height: 21px;
	background:url(../img/title/7_message.gif) center left no-repeat;
	border-top:  10px solid #093488;
}
#content .contentCurve .TitleBottomMessage {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #093488;
}
/*----------------- 8_profile ---------------*/

#content .contentCurve .TitleTopProfile {
	margin: 0;
	height: 21px;
	background:url(../img/title/8_profile.gif) center left no-repeat;
	border-top:  10px solid #093488;
}
#content .contentCurve .TitleBottomProfile {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #093488;
}

/*----------------- 9_history ---------------*/

#content .contentCurve .TitleTopHistory {
	margin: 0;
	height: 21px;
	background:url(../img/title/9_history.gif) center left no-repeat;
	border-top:  10px solid #093488;
}

#content .contentCurve .TitleBottomHistory {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #093488;
}

/*----------------- 10_chart ---------------*/

#content .contentCurve .TitleTopChart {
	margin: 0;
	height: 21px;
	background:url(../img/title/10_chart.gif) center left no-repeat;
	border-top:  10px solid #093488;
}
#content .contentCurve .TitleBottomChart {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #093488;
}

/*----------------- 11_development ---------------*/

#content .contentCurve .TitleTopDevelopment {
	margin: 0;
	height: 21px;
	background:url(../img/title/11_development.gif) center left no-repeat;
	border-top:  10px solid #907dbf;
}
#content .contentCurve .TitleBottomDevelopment {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #907dbf;
}

/*----------------- 12_production ---------------*/

#content .contentCurve .TitleTopProduction {
	margin: 0;
	height: 21px;
	background:url(../img/title/12_production.gif) center left no-repeat;
	border-top:  10px solid #907dbf;
}
#content .contentCurve .TitleBottomProduction {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #907dbf;
}

/*----------------- 13_fulfillment ---------------*/

#content .contentCurve .TitleTopFulfillment {
	margin: 0;
	height: 21px;
	background:url(../img/title/13_fulfillment.gif) center left no-repeat;
	border-top:  10px solid #8c2c6f;
}
#content .contentCurve .TitleBottomFulfillment {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #8c2c6f;
}

/*----------------- 14_risk ---------------*/

#content .contentCurve .TitleTopRisk {
	margin: 0;
	height: 21px;
	background:url(../img/title/14_risk.gif) center left no-repeat;
	border-top:  10px solid #ff9900;
}
#content .contentCurve .TitleBottomRisk {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #ff9900;
}

/*----------------- 15_system ---------------*/

#content .contentCurve .TitleTopSystem {
	margin: 0;
	height: 21px;
	background:url(../img/title/15_system.gif) center left no-repeat;
	border-top:  10px solid #cccccc;
}
#content .contentCurve .TitleBottomSystem {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #cccccc;
}

/*----------------- 16_event ---------------*/

#content .contentCurve .TitleTopEvent {
	margin: 0;
	height: 21px;
	background:url(../img/title/16_event.gif) center left no-repeat;
	border-top:  10px solid #33cc99;
}
#content .contentCurve .TitleBottomEvent {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #33cc99;
}

/*----------------- 17_shopping ---------------*/

#content .contentCurve .TitleTopShopping {
	margin: 0;
	height: 21px;
	background:url(../img/title/17_shopping.gif) center left no-repeat;
	border-top:  10px solid #cc3300;
}
#content .contentCurve .TitleBottomShopping {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #cc3300;
}

/*----------------- 18_support ---------------*/

#content .contentCurve .TitleTopSupport {
	margin: 0;
	height: 21px;
	background:url(../img/title/18_support.gif) center left no-repeat;
	border-top:  10px solid #cc3300;
}
#content .contentCurve .TitleBottomSupport {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #cc3300;
}

/*----------------- 19_map ---------------*/

#content .contentCurve .TitleTopMap {
	margin: 0;
	height: 21px;
	background:url(../img/title/19_map.gif) center left no-repeat;
	border-top:  10px solid #003366;
}
#content .contentCurve .TitleBottomMap {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #003366;
}

/*----------------- 20_offer ---------------*/

#content .contentCurve .TitleTopOffer {
	margin: 0;
	height: 21px;
	background:url(../img/title/20_offer.gif) center left no-repeat;
	border-top:  10px solid #009900;
}
#content .contentCurve .TitleBottomOffer {
	margin-top: 1px;
	border-top:  1px solid #cccccc;
	border-bottom:  3px solid #009900;
}

#content .contentCurve .TitleTopRelease {
	margin: 0;
	height: 21px;
	background:url(../img/title/20_release.gif) center left no-repeat;
	border-top:  10px solid #093488;
}
/*----------------- contents subTitle ---------------*/
#content .contentCurve .font {
	font-size: 75%;
	font-family: arial;
	margin: 0 0 3px 10px;
}
/*--------------------------

	contents/gradation

--------------------------*/
.contentInnerLeft .gradation {
	background:#ffffff;
	margin: 2px 1px;
}
/*----------------- color_A_#093488 ---------------*/
.contentInnerLeft .gradation .gradA-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_a-top.jpg) top left no-repeat;
}

/*----------------- color_B_#907dbf ---------------*/
.contentInnerLeft .gradation .gradB-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_b-top.jpg) top left no-repeat;
}

/*----------------- color_C_#33cc99 ---------------*/
.contentInnerLeft .gradation .gradC-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_c-top.jpg) top left no-repeat;
}

/*----------------- color_D_#666699 ---------------*/
.contentInnerLeft .gradation .gradD-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_d-top.jpg) top left no-repeat;
}

/*----------------- color_E_#468c8c ---------------*/
.contentInnerLeft .gradation .gradE-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_e-top.jpg) top left no-repeat;
}

/*----------------- color_F_#996600 ---------------*/
.contentInnerLeft .gradation .gradF-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_f-top.jpg) top left no-repeat;
}

/*----------------- color_G_#666699 ---------------*/
.contentInnerLeft .gradation .gradG-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_g-top.jpg) top left no-repeat;
}

/*----------------- color_H_#336699 ---------------*/
.contentInnerLeft .gradation .gradH-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_h-top.jpg) top left no-repeat;
}

/*----------------- color_I_#66cc99 ---------------*/
.contentInnerLeft .gradation .gradI-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_i-top.jpg) top left no-repeat;
}

/*----------------- color_J_#006600 ---------------*/
.contentInnerLeft .gradation .gradJ-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_j-top.jpg) top left no-repeat;
}

/*----------------- color_K_#8c2c6f ---------------*/
.contentInnerLeft .gradation .gradK-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_k-top.jpg) top left no-repeat;
}

/*----------------- color_L_#ff9900 ---------------*/
.contentInnerLeft .gradation .gradL-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_l-top.jpg) top left no-repeat;
}

/*----------------- color_M_#cc3300 ---------------*/
.contentInnerLeft .gradation .gradM-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_m-top.jpg) top left no-repeat;
}

/*----------------- color_N_#9999cc ---------------*/
.contentInnerLeft .gradation .gradN-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_n-top.jpg) top left no-repeat;
}

/*----------------- color_O_#003366 ---------------*/
.contentInnerLeft .gradation .gradO-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_o-top.jpg) top left no-repeat;
}

/*----------------- color_P_#009900 ---------------*/
.contentInnerLeft .gradation .gradP-head {
	font-size:1px;
	height:310px;
	background:url(../img/gradation/grad_p-top.jpg) top left no-repeat;
}