@charset "shift-jis";

/*----------------------------------------------------
  00  main-style
  01. #main.ability  Ability
  02. #main.ability2  Ability
  03. #main.media  Media
  04. #main.marketing  Marketing
  05. #main.entertainment  Entertainment
  06. #main.creative  Creative
  07. #main.degital Degital
  08. #main.ability Engagement Rings
----------------------------------------------------*/

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

/*=== value reset ===*/
#main * {
	margin:0;
	padding:0;
	font-size:100%;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main em,
#main strong {
	font-weight:normal;
	font-style:normal;
}
#main li { list-style-type:none;}
#main img { border:0; vertical-align:bottom;}

/*=== main & main font ===*/
#main {
	width:680px;
	color:#8C8C8C;
	text-align:left;
	font-size:100%;
	line-height:180%;
	margin-bottom:30px;
	min-height:456px;
	height:auto !important;
	height:456px;
	font-size:small;
	/*\*/_/**/font-size:x-small;/* IE */
}
#main .area {
	background:url(/common/images/bar.jpg) no-repeat 56px 20px;
	padding:30px 24px 0 80px;
}
#main h1 { margin-bottom:35px;}
#main .ttl-img { margin-bottom:30px;}
#main h2, 
#main h3 {
	color:#898989;
	font-weight:bold;
}
#main .subtitle  { font-size:116%; margin-bottom:15px;}
#main .maintitle { margin-bottom:35px;}

#main .last { margin-bottom:40px;}
#main .posi-right { text-align:right;}
#main .r-float { float:right;}
#main .clear { clear:both;}

/*===========================================================================
  01. #main.ability  Ability
===========================================================================*/
#main.ability .img { float:right;}
#main.ability .linkbtn { text-align:center; line-height:100%;}
#main.ability .linkbtn li { display:inline;}


/*===========================================================================
  02. #main.ability2  Ability
===========================================================================*/


/*===========================================================================
  03. #main.media  Media
===========================================================================*/
#main.media .service { margin-top:5px;}
#main.media .service li {
	float:left;
	width:150px;
}
#main.media .service li p {
	padding-left:35px;
	background:url(../img/mini_crystal.gif) no-repeat 0 0;
	height:59px;
	color:#898989;
	font-weight:bold;
}
#main.media .service li.btn {
	float:none;
	clear:both;
}


/*===========================================================================
  04. #main.marketing  Marketing
===========================================================================*/
#main.marketing { padding-bottom:0;}
#main.marketing .row-wrap {
	width:535px;
	margin:0 17px 30px;
	overflow:hidden;
}
#main.marketing .row-wrap:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}
#main.marketing .left {
	float:left;
	width:250px;
}
#main.marketing .right {
	float:right;
	width:250px;
}

/*===========================================================================
  05. #main.entertainment  Entertainment
===========================================================================*/
#main.entertainment .linkbtn { text-align:center; line-height:100%;}
#main.entertainment .linkbtn li { display:inline;}

/*===========================================================================
  06. #main.creative  Creative
===========================================================================*/
#main.creative .row-wrap {
	width:535px;
	margin:0 17px 5px;
	overflow:hidden;
}
#main.creative .row-wrap h3 { margin-bottom:5px;}
#main.creative .row-wrap p {
	color:#898989;
	font-weight:bold;
}
#main.creative .row-wrap:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}
#main.creative .left {
	float:left;
	width:250px;
}
#main.creative .right {
	float:right;
	width:250px;
}
#main.creative .area p.last {
	margin-bottom:15px;
}


/*===========================================================================
  07. #main.digital Digital
===========================================================================*/



/*===========================================================================
08. #main.ability Engagement Rings
===========================================================================*/
#main.ability .area sup {
	font-size:70%;
}
#main.ability .area .column-left {
	float:left;
	width:270px;
}
#main.ability .area .img-engagement {
	float:right;
}

/* clearfix */
.clearfix {
	height         :auto !important;
	height         :1px;
	min-height     :1%;  /* for IE 7*/
	/*\*//*/display:inline-table;/**/
}
.clearfix:after {
	content        :".";
	display        :block;
	clear          :both;
	height         :0;
	font-size      :1%;
	line-height    :1%;
	visibility     :hidden;
}
#main.ability .area .engagement-details {
	text-align:center;
	margin-top:30px;
}