@charset "UTF-8";
/* clearfix------------------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
  width:100%;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#wrapper #container p {
     font-size:12px;
	 color:#000;
	 line-height:1.3;
	 margin:0 0 0 0;;
}


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

	コンテンツ

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

/*バナーエリア------------------------------------------------------------------- */
#wrapper #container h1#cm_top{
     padding:0;
     margin:0;
	 height:275px;
}


/*見出し------------------------------------------------------------------- */

#wrapper #container h2 {
     margin:0;
	 padding:0;
     width:750px;
}

#wrapper #container h3 {
     margin:0 0 0 0;
	 padding:0;
}



/*リードエリア------------------------------------------------------------------- */

#wrapper #container #cm_lead {
     width:750px;
     background-image:url(../cm/images/bg_1.gif);
	 margin:0;
	 padding:0;
}

#wrapper #container #cm_body .space {
	 margin-bottom:28px;
}

#wrapper #container #cm_lead .copy-content {
     width:698px;
	 padding:0;
	 margin:0 20px 0 32px;
}

#wrapper #container #cm_lead .copy-content .left {
     width:320px;
	 float:left;
	 margin-top:5px;
}

#wrapper #container #cm_lead .copy-content .left img {
     margin-bottom:10px;
}

#wrapper #container #cm_lead .copy-content .left p {
     padding-left:87px;
	 margin:0;
	 margin:0;
}

#wrapper #container #cm_lead .copy-content .right {
     width:355px;
	 float:left;
	 padding-left:23px;
	 margin-top:5px;
	 margin-bottom:10px;
}

#wrapper #container #cm_lead .copy-content .right p {
     margin-right:10px;
	 margin-left:5px;
	 margin-bottom:12px;
	 
}

/*#wrapper #container #cm_lead .copy-content .right img {
     margin-top:10px;
}*/


/*コンテンツエリア------------------------------------------------------------------- */


#wrapper #container #cm_body {
	 width:714px;
	 margin:0;
	 padding:10px 16px 5px 20px;
     /* height:1082px;*/
     background-image:url(../cm/images/bg_2.gif);	
}


#wrapper #container #cm_footer {
	 width:714px;
	 height:8px;
	 margin:0;
	 padding:0 16px 0 20px;
     background-image:url(../cm/images/bg_2_footer.gif); background-repeat:no-repeat;
}

#wrapper #container #cm_body #cm_S {
	 width:590px;
	 padding:14px 64px 15px 60px;

}

#wrapper #container #cm_body #cm_S .cm_Sbody {
	 width:552px;
	 padding:10px 18px 15px 20px;
     background-image:url(../cm/images/bg_3.gif);
}



#wrapper #container #cm_body #cm_S .cm_Sbody .flashContent{
	 width:512px;
	 padding-left:22px;
}

#wrapper #container #cm_body #cm_S .cm_Sbody .flashContent .left{
     float:left;
	 width:200px;
	 height:220px;
	 margin-bottom:10px;
}

#wrapper #container #cm_body #cm_S .cm_Sbody .flashContent .right{
     float:left;
	 padding-left:110px;
	 width:200px;
	 height:220px;
	 margin-bottom:10px;
}

#wrapper #container #cm_body #cm_S .cm_Sbody img.message{
     padding:20px 0 0 0;
}

#wrapper #container #cm_body #cm_S .cm_Sbody img.letter{
     padding:20px 0 0 0;
}


/* ボタン------------------------------------------------------------------- */

#wrapper #container #cm_body .btn{
     padding-left:60px;
}

#wrapper #container #cm_body ul{
     margin-top:10px;
}

#wrapper #container #cm_body ul li{
	list-style:none;
	text-align:right;
    margin:0;
	padding:0;
}

.default_btn {
    float:left;
	width:160px;
	margin-top:0;
}

/* 写真のマウスオーバー------------------------------------------------------------------- */

.on img{
    border:none;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.on a:hover img{
    border:none;
	opacity:0.7;
	filter: alpha(opacity=70);
}