@charset "UTF-8";

/*===============================
ベース　レイアウト
===============================*/
div.index_base_bottom{
/*	background:url(../common_image/base_bg_bottom.gif) no-repeat bottom;
	padding:145px 19px 20px;*/
	padding:155px 19px 20px;
}

div#base div.index_left{
	width:510px;
	float:left;
}

div#base div.index_right{
	width:190px;
	float:right;
}

div#base div.index_bottom {
  margin-top: 25px;
}

/*div#base a{
	color:#FF6600;
	text-decoration:none;
}
*/

/*===============================
左コンテンツ
===============================*/

div.target {
  border: 1px solid #696;
  padding: 60px 0;
  text-align: center; width: 200px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: #666 0px 2px 3px;
  -moz-box-shadow: #666 0px 2px 3px;
  box-shadow: #666 0px 2px 3px;
  background: #EEFF99;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
  background: -moz-linear-gradient(#EEFF99, #66EE33);
  background: linear-gradient(#EEFF99, #66EE33);
  -pie-background: linear-gradient(#EEFF99, #66EE33);
  behavior: url(js/PIE.htc);
}

div#base div.top_banner {
  margin: 0px 0 15px 0;
}
div#base div.top_banner p.p1 {
  position:relative;
  border: 4px solid #da2222;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #f8f8f8;
  margin-bottom: 10px;
  padding: 8px;
  line-height: 26px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: 5px 6px 7px #840000;
  -moz-box-shadow: 5px 6px 7px #840000;
  box-shadow: 5px 6px 7px #840000;
  behavior: url(js/PIE.htc);
}
div#base div.top_banner p.p1 span {
  font-size: 14px;
  font-weight: normal;
}

div#base div.top_banner p.p1 a {
  color: #da2222;
  text-decoration: none;
}
div#base div.top_banner p.p1 a:hover {
  color: #ef6666;
  text-decoration: underline;
}


/* Case */
div.case {
  float: left;
  width: 510px;
  margin: 10px 0 25px 0;
}
div.case a {
  text-decoration: none;
}
div.case a:hover {
  text-decoration: underline;
}
div.case div.case_left {
  position:relative;
  float: left;
  border: 2px solid #999999;
  width: 235px;
  height: 290px;
  padding: 4px 4px 10px 4px;
  background-color: #fff;
  -webkit-box-shadow: 5px 6px 7px #666;
  -moz-box-shadow: 5px 6px 7px #666;
  box-shadow: 5px 6px 7px #666;
  behavior: url(js/PIE.htc);
}

div.case div.case_right {
  position:relative;
  float: right;
  border: 2px solid #999999;
  width: 235px;
  height: 290px;
  padding: 4px 4px 10px 4px;
  background-color: #fff;
  -webkit-box-shadow: 5px 6px 7px #666;
  -moz-box-shadow: 5px 6px 7px #666;
  box-shadow: 5px 6px 7px #666;
  behavior: url(js/PIE.htc);
}

div.case div.case_image {
  text-align: center;
  margin: 10px auto;
}

div.case p.case_ttl {
  border-bottom: 2px solid #999999;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
div.case p.case_ttl1 {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
}
div.case p.case_txt {
  font-size: 14px;
  margin-bottom: 18px;
}

div.case div.case_clickhere {
  text-align: right;
  margin: 14px 4px 0 0;
}

div.case ul li a {
 float: right;
  display : block;
  margin: 14px 5px 0 0;
  padding : 2px 4px;
  border : 2px solid #fff;
  color : #fff;
  font-size : 10px;
  text-align : center; 
  text-decoration : none; 
  background-color : orange;

  -webkit-border-radius : 8px;
  -moz-border-radius : 8px;
  border-radius : 8px;
  oz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
div.case ul li a:hover {
  -webkit-box-shadow : 0 0 8px rgba(0, 0, 0, .8);
  -moz-box-shadow : 0 0 8px rgba(0, 0, 0, .8);
  box-shadow : 0 0 8px rgba(0, 0, 0, .8);
  -moz-transition: -moz-box-shadow .4s ease-out;
  -o-transition: box-shadow .4s ease-out;
  -webkit-transition: box-shadow .4s ease-out;
}
div.case ul li a:after {
content: "\00BB"; 
padding-left : 4px
}


div.case_dummyimage {
  width: 180px;
  background-color: #666666;
  margin: 10px auto;
  color: #ffffff;
  text-align: center;
  padding: 10px 4px;
}


div#base p.ttl01{
	width:100%;
	background:url(../common_image/line_dot01.gif) repeat-x bottom;
	padding-bottom:6px;
	margin: 0px 0 12px 0;
	font-size: 18px;
	color: #3b7ccd;
}

div#base div.btn_service_area{
	margin-top:18px;
}

div#base div.btn_service_area a{
	color:#006699;
	text-decoration:none;
}

div#base div.btn_service_area td.btn_service_td{
	padding:0px 10px 12px 0px;
}

div#base div.btn_service_area td.btn_service_td02{
	padding:0px 0px 12px 0px;
}

div#base div.btn_service_area p{
	background:url(../common_image/icon01.gif) no-repeat left 5px;
	color:#006699;
	font-size:80%;
	padding-left:15px;
}

/*===============================
右コンテンツ
===============================*/
div#base div.topics_area{
	margin: 25px 0 20px 0;
}
div#base div.topics_area dl{
/*	overflow:auto;
	height:160px;*/
	padding: 2px 2px 2px 4px;
	line-height: 130%;
/*	border: 1px solid #afafaf;*/
}

div#base div.topics_area dt{
	color:#006699;
}

div#base div.topics_area dd.event {
	background:url(../news/image/icon_event.gif) no-repeat left 1px;
	padding-left:45px;
	margin-bottom:10px;
}

div#base div.topics_area dd.release {
	background:url(../news/image/icon_release.gif) no-repeat left 1px;
	padding-left:45px;
	margin-bottom:12px;
}

div#base div.topics_area dd ul li {
  background: url(../common_image/icon02.gif) no-repeat left 5px;
  margin-left: 8px;
  padding-left: 12px;
}



div#base div.topics_area dd span {
    color: #df0909;
}
div#base div.topics_area dd span.topic_ttl {
    color:#666666;
    font-weight: bold;
}

div#base div.topics_area dd a{
/*	color:#2288ee;
	color:#666666;*/
	text-decoration:none;
}

div#base div.topics_area dd a:hover{
	text-decoration:underline;
}

div#base div.topics_area p.topics_list{
	margin-top: 4px;
	text-align: right;
/*	margin-left:183px;*/
}

div#base div.btn_box{
	margin-bottom:10px;
}

div#base div.btn_box p.btn_txt{
	margin-top:3px;
	font-size:80%;
	line-height:120%;
}

div#base p.advtg1 {
  margin-bottom: 24px;
}
div#base div.advtg2 {
  margin-bottom: 20px;
  border-top: 1px dotted #999999;
  padding-top: 8px;
}

div#base div.side_rel_feature {
  border: 2px solid #0088ff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 12px;
  position: relative;
  behavior: url(js/PIE.htc);
}
div#base div.side_rel_feature p.side_rel_ttl {
  background-color: #0088ff;
  padding: 4px;
  color: #fff;
  font-size:12px;
  font-weight: bold;
  text-align: center;
}
div#base div.side_rel_feature div.side_rel_cnt {
  padding: 6px;
}
div#base div.side_rel_feature div.side_rel_cnt div {
  text-align: center;
}
div#base div.side_rel_feature div.side_rel_cnt p {
  margin-top: 8px;
  font-size: 11px;
}