@charset "utf-8";

/* ----------------------------------------

---------------------------------------- */



/* ----------------------------------------
   /news/ directory
---------------------------------------- */

/*** rss ***/
.rss_wrapper {
    display: block;
    height: 16px;
    position: relative;
    width: 100%;
	padding:0 0 10px;
	z-index: 10;
}
.rss_wrapper ul{
	position: absolute;
	right: 24px;
	text-align: right;
	top:5px;
}

.rss_wrapper ul li{
	float:left;
	margin:0 5px 0 0;
}
.rss_wrapper ul li:last-child{
	margin:0;
}
.rss_wrapper ul li a{
	display: block;
}

/*** news_list ***/

.news_list {
}

.news_list_wrapper {
}

.news_list_wrapper dl{
	clear:both;
	overflow: hidden;
	padding:9px;
	border-bottom:1px dotted #c6c6c6;
}

.news_list_wrapper dl:hover{

}

.news_list_wrapper dt{
	clear:both;
}

.news_list_wrapper dt span{
	float:left;
	margin: 0 9px 0 0;
}

.news_list_wrapper dt span.news_date{
	width:100px;
	font-weight: bold;
}

.news_list_wrapper dd{
}

.news_list_wrapper dd p{
	margin:0;
	padding:0;
	font-weight: bold;
}

.news_list_wrapper dd span{
	font-size: 100%;
}

.news_list_wrapper dd p a{
}

.news_list_wrapper dd .news_more{
	width:100%;
	text-align: right;
}

.news_list_wrapper dd .news_more a{
	padding:3px 5px 3px 9px;
	background: url("/images/icon_arrow_p.gif") no-repeat center left;
	display: block;
}
p.top-bottom-border {
	padding: 15px 30px;
	text-align: center;
	border-top:#999 2px solid;
	border-bottom:#999 2px solid;
}

/* ----------------------------------------
   /event/ directory
---------------------------------------- */

.event_list {
}

.event_list_wrapper {
	margin: 0 0 30px;
}
.event_list_wrapper h3 {
}

.event_list_wrapper dl{
	clear:both;
	overflow: hidden;
	padding:9px;
	border-bottom:1px dotted #c6c6c6;
}

.event_list_wrapper dl:hover{
	background: #f9f9f9;
}

.event_list_wrapper dt{
	clear:both;
}

.event_list_wrapper dt span{
	float:left;
	margin: 0 9px 0 0;
}

.event_list_wrapper dt span.news_date{
	width:100px;
	font-weight: bold;
}

.event_list_wrapper dd{
}

.event_list_wrapper dd p{
	margin:0;
	padding:0;
	font-weight: bold;
}

.event_list_wrapper dd span{
	font-size: 100%;
}

.event_list_wrapper dd p a{
}

.event_list_wrapper dd .news_more{
	width:100%;
	text-align: right;
}

.event_list_wrapper dd .news_more a{
	padding:3px 5px 3px 9px;
	background: url("/images/icon_arrow_p.gif") no-repeat center left;
}

/* ----------------------------------------
   /campaign/ directory
---------------------------------------- */

.campaign_list {
}

.campaign_list_wrapper {
}

.campaign_list_wrapper ul{
	clear:both;
	overflow: hidden;
}

.campaign_list_wrapper ul li{
	border-bottom:1px dotted #c6c6c6;
	overflow:hidden;
	margin:0;
	padding:18px 0 !important;
	clear: both;
}

.campaign_list_wrapper ul li:hover{
	background: #f9f9f9;
}

.campaign_list_wrapper ul li .campaign_banner{
	float: left;
	width:182px;
	overflow: hidden;
	margin:0 9px 0 9px;
}

.campaign_list_wrapper ul li dl{
	float: left;
	overflow: hidden;
	width: 460px;
}

.campaign_list_wrapper ul li dt{
	clear: both;
}

.campaign_list_wrapper ul li dt span{
	margin: 0 9px 0 0;
	float: left;
}

.campaign_list_wrapper ul li dt span.news_date{
	width:80px;
	font-weight: bold;
}

.campaign_list_wrapper ul li dd{
}

.campaign_list_wrapper ul li dd p{
	margin:0;
	padding:9px 0;
	font-weight: bold;
}

.campaign_list_wrapper ul li dd span{
}

.campaign_list_wrapper ul li dd p a{
}

.campaign_list_wrapper ul li dd .campaign_more{
	width:100%;
	text-align: right;
}

.campaign_list_wrapper ul li dd .campaign_more a{
	padding:3px 5px 3px 9px;
	background: url("/images/icon_arrow_p.gif") no-repeat center left;
}


.news .v_content_left p {
	line-height: 1.571em;
	margin-bottom: 18px;
	padding: 5px 0;
}
.news .v_content_left p , .v_content_left ul{
	line-height: 1.571em;
	margin-bottom: 18px;
	padding: 5px 0;
}


#webarena div.news_inquiry {
	padding:10px;
	border-bottom:#e6e6e6 solid 1px;
	border-right:#e6e6e6 solid 1px;
	border-left:#e6e6e6 solid 1px;
	border-top:#e6e6e6 solid 1px;
	margin-top:75px;
}

#webarena div.news_inquiry dt ,  #webarena div.news_inquiry dd {
	border-bottom:0 none !important;
	border-right:0 none !important;
	border-left:0 none !important;
	border-top:0 none !important;
}




.news_inquiry ul.arrow li {
	padding:3px 5px 3px 8px;
	background: url("/images/icon_arrow_p.gif") no-repeat center left;
}

.v_content_left h2.reset , .v_content_left h3.reset , .v_content_left h4.reset , .v_content_left h5.reset , .v_content_left p.reset , .v_content_left ul.reset , .v_content_left dl.reset , li.reset {
	margin:0;
	padding:0;
	background:none;
	border:none;
}

.v_content_left .vl_content {
	margin: 0 auto 20px;
	padding: 0 24px 22px;
}


.news h3 , .news h4 , .news h5 , .news div {
	line-height:1.8;
}


.news .v_content_left p {
	line-height:1.571em;
}

.news .img_container {
	clear:both;
	overflow:hidden;
	margin-bottom:5px;
}

.news strong {
	font-weight:bold;
}

.h3_security {
	color: #564487;
	border-bottom: 1px solid #564487;
 	font-size: 170%;
	font-weight: bold;
	margin-bottom: 9px;
	padding: 0 0 5px;
	line-height:1.8;
}

.light_purple {
	color:#564487;
}

.faqlist>dl {
    background-color: #F7F7F7;
    display: block;
    margin: 2px 0 12px;
}

.faqlist>dl>dt {
    color: #333333;
    font-weight: bold;
    padding: 6px 10px;
    line-height:1.8;
}

.faqlist>dl>dd {
    color: #564487;
    font-weight: bold;
    padding: 6px 10px;
    line-height:1.8;
}


.h1_transfer {
font-size: 20px;
line-height: 30px;
margin: 0 0 0;
padding: 0px 5px;
border-left:7px solid #544880; 
}

.h2_transfer {
	background: url("/images/h3_transfer.gif") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #333333;
	line-height: 48px;
	margin: 0 0 20px;
	padding: 0 0 0 55px;
	width: 613px;
	clear: both;
	font-size: 18px;
	font-weight: bold;
}

.h3_transfer {
	border-bottom: 1px solid #564487;
	color: #564487;
	margin: 0 0 10px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height:1.8;
}

.v_content_left .vl_content ul.migration_page_nav,
.v_content_all .vl_content ul.migration_page_nav{
	background: none repeat scroll 0 0 #EFEFEF;
	padding: 10px;
}

.v_content_left .vl_content ul.migration_page_nav li,
.v_content_all .vl_content ul.migration_page_nav li {
	display: inline;
	white-space: nowrap !important;
	word-break: break-all !important;
	margin:0 5px 0 0:
}

#webarena .v_content_left .vl_content ul.migration_page_nav li a {
	color: 00bee1;
}

#webarena .v_content_left .vl_content .migration_leftimg{
	width:310px;
	float:left;	
	}

#webarena .v_content_left .vl_content .center_arrow{
	width:42px;
	float:left;	
	}

#webarena .v_content_left .vl_content .migration_righttimg{
	width:316px;
	float:left;	
	}

.tokubox {
    border-bottom: 2px dotted #999999;
    clear: both;
    padding-bottom:15px;
    margin-bottom:15px;
    width: 100%;
}







/* ----------------------------------------
   / event /
---------------------------------------- */


.lecbox12 { 
  background: url("/images/event/osc/lectures_top12.gif"); 
  height:316px;
  width:668px;
  display: block;
}
.float_list_left li {
	float: left;
	text-align: center;
}
.list_margin_3px li { margin-right: 3px; }
.list_margin_3px li:last-child { margin-right: 0px; }

.lec_box_20110521sendai {
	background: url("/images/event/osc/2011/20110521sendai/lectures_top.jpg");
	background-repeat: no-repeat;
	width:668px;
	height:352px;
}
.lec_box_20110521sendai p {
	margin: 0 40px 20px 20px;
	padding: 55px 0 15px;
}
.lec_box_20110611hokkaidou {
	background: url("/images/event/osc/2011/20110611hokkaidou/lectures_top2.jpg") no-repeat #FFE401;
	width:668px;
	height:356px;
	background-repeat: no-repeat;
}
.lec_box_20110611hokkaidou p {
	margin: 0 40px 20px 40px;
	padding: 55px 0 15px;
}
.lec_box_2011071516kyoto {
	background: url("/images/event/osc/2011/20110715-16kyoto/lectures_top3.jpg");
	background-repeat: no-repeat;
	width:668px;
	height:317px;
	display: block;
}
.lec_box_2011071516kyoto p {
	margin: 0 40px 20px 180px;
	padding: 55px 0 15px;
}
.callout_colored li {
	width: 200px;
	height: 200px;
	padding: 10px 10px !important;
	margin: 0 0 20px 0;
	background-repeat: no-repeat;
	float: left;
}
.callout_red { background-image: url("/images/event/osc/2011/20110521sendai/balloon_01.gif"); }
.callout_blue { background-image: url("/images/event/osc/2011/20110521sendai/balloon_02.gif"); }
.callout_yellow { background-image: url("/images/event/osc/2011/20110521sendai/balloon_03.gif"); }
.callout_green { background-image: url("/images/event/osc/2011/20110521sendai/balloon_04.gif"); }
.lecbox11 { 
  background: url("/images/event/osc/lectures_top11.gif"); 
  background-size: 668px;
  height:384px;
  background-repeat: no-repeat;
}
.lecbox12 p, .lecbox11 p {
  margin: 0 160px 20px 30px;
  padding: 55px 0 15px;
}
.lecbox10 {
  background: url("/images/event/osc/lectures_top10.jpg");
  background-size: 668px;
  height:384px;
}
.lecbox9 {
  background: url("/images/event/osc/lectures_top9.jpg");
  background-size: 668px;
  height:327px;
}
.lecbox8 {
  background: url("/images/event/osc/lectures_top8.jpg");
  background-size: 668px;
  height:348px;
}
.lecbox7 {
  background: url("/images/event/osc/lectures_top7.jpg");
  background-size: 668px;
  height:366px;
}
.lecbox6  {
  background: url("/images/event/2011/lectures_top6.jpg");
  background-size: 668px;
  height:327px;
  background-repeat: no-repeat;
}
.lecbox5  {
  background: url("/images/event/2011/lectures_top5.jpg");
  background-size: 668px;
  height:396px;
  background-repeat: no-repeat;
}
.lecbox4  {
  background: url("/images/event/2011/lectures_top4.jpg");
  background-size: 668px;
  height:333px;
  background-repeat: no-repeat;
}
.lecbox5 p {
  margin: 0 180px 20px 30px;
  padding: 60px 0 15px;
}
.lecbox10 p {
  margin: 0 40px 20px 180px;
  padding: 55px 0 15px;
}

.lecbox9 p , .lecbox8 p, .lecbox7 p, .lecbox6 p, .lecbox4 p {
  margin: 0 40px 20px 160px;
  padding: 55px 0 15px;
}

.fleft { float: left; }
.fright { float: right; }
ul.fleft li { 
  float: left; 
  margin-right: 3px;
}
ul.fleft1 li { 
  float: left; 
  margin-right: 0px;
}
ul.fleft li:last-child, ul.fleft1 li:last-child  {
  margin-right: 0px;
}
ul.fleft li span.center, ul.fleft1 li span.center, .img_containter span.center { 
  display: block;
  margin-top: -5px;
  text-align: center;
}
.vl_content ul.part li.part01 {
  background: url("/images/event/bg_part01.gif") no-repeat scroll 0 0 transparent;
}
.vl_content ul.part li.part02 {
  background: url("/images/event/bg_part02.gif") no-repeat scroll 0 0 transparent;
}
.vl_content ul.part li.part03 {
  background: url("/images/event/bg_part03.gif") no-repeat scroll 0 0 transparent;
}
.vl_content ul.part li {
  background: none repeat scroll 0 0 #FFFFCC;
  height: 80px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 120px;
  text-indent: 0;
}
ul.fleft2 li {
  float: left; 
  margin-right: -7px;
}
ul.fleft li span.center, ul.fleft1 li span.center, .img_container span.center { 
  display: block;
  margin-top: -5px;
  text-align: center;
}
div.waku {
  background: url("/images/event/2011/waku_web_bottom.gif") no-repeat scroll center bottom transparent;
  padding-bottom: 30px;
  padding-left: 45px;
  padding-right: 45px;
  width: 550px;
  margin-top: -7px;
}
.webtan01 {
	clear: both;
}

ul li.first-balloon  {
  background: url("/images/event/2011/balloon_01.gif") no-repeat scroll 0 0 transparent;
  float: left;
  height: 180px;
  padding: 20px 10px !important;
  width: 180px;
  margin-right: 30px;
}
ul li.second-balloon  {
  background: url("/images/event/2011/balloon_02.gif") no-repeat scroll 0 0 transparent;
  float: left;
  height: 180px;
  padding: 20px 10px !important;
  width: 180px;
  margin-right: 30px;
}
ul li.third-balloon  {
  background: url("/images/event/2011/balloon_03.gif") no-repeat scroll 0 0 transparent;
  float: left;
  height: 180px;
  padding: 20px 10px !important;
  width: 180px;
}
ul li.fourth-balloon {
  background: url("/images/event/2011/balloon_04.gif") no-repeat scroll 0 0 transparent;
  float: left;
  height: 180px;
  padding: 20px 10px !important;
  width: 180px;
  margin-left: 30px;
}
.wordpress01 div.waku {
  background: url("/images/event/2011/waku_wc_middle.gif") repeat-y scroll 0 0 transparent;
  padding-bottom: 10px;
  padding-left: 45px;
  padding-right: 45px;
  width: 550px;
} 
.th_w100 {
	width:100px;
}
.pictxt2 {
	vertical-align:top;
	display: block;
}

/* ----------------------------------------
   / event /
---------------------------------------- */


/* ----------------------------------------
   / 譏･縺ｮ繧ｭ繝｣繝ｳ繝壹・繝ｳ繝医ャ繝励お繝ｪ繧｢ /
---------------------------------------- */
#webarena .campaign_visual_wrapper{
	width: 982px;
	margin:0 auto;
	clear: both;
	overflow: visible;
	}

#webarena .campaign_visual{
margin: 0 auto;
position: relative;
width: 982px;
clear: both;
overflow: hidden;	
	}

#webarena .cp_inside_link{
	width:982px;
	height:143px;
	margin:0 auto;
	}
	
#webarena .cp_inside_link li{
	width:325px;
	height:143px;
	float:left;
	padding-right:3px;
	}
		
#webarena .cp_inside_link .last_cp_inside_link{
	padding-right:0px;
	}	
	
#webarena .suitex_area{
	width:982px;
	height:656px;
	 background: url("/images/campaign/2015/top/suitex_campaign_back.png") no-repeat 0 0;
	 margin:10px auto 0;
	}

#webarena .campaign_element{
	width:900px;
	margin:0 auto;
	}

#webarena .suitex_area ul{
	width:982px;
	}

#webarena .suitex_area .campaign_guide{
	width:449px;
	float:left;
	padding:12px 0 0 41px;
	}

#webarena .suitex_area .campaign_text{
	width:284px;
	float:left;
	padding:12px 0 0 20px;
	}
	
#webarena .suitex_area .campaign_thumbnail_01{
	width:150px;
	float:left;
	padding:12px 0 0 10px;
	}

#webarena .suitex_area .campaign_btn{
	width:940px;
	margin:13px auto 0;
	}

#webarena .share_area{
	width:982px;
	height:548px;
	 background: url("/images/campaign/2015/top/mailhosting_campaign_back.png") no-repeat 0 0;
	 margin:10px auto 0;
	}

#webarena .share_area ul{
	width:982px;
	}

#webarena .share_area .campaign_guide{
	width:449px;
	float:left;
	padding:12px 0 0 41px;
	}

#webarena .share_area .campaign_text{
	width:284px;
	float:left;
	padding:12px 0 0 20px;
	}
	
#webarena .share_area .campaign_thumbnail_01{
	width:150px;
	float:left;
	padding:12px 0 0 10px;
	}

#webarena .share_area .campaign_btn{
	width:940px;
	margin:13px auto 0;
	}

	
#webarena .comments_field{
	width:982px;
	margin:0 auto;
	padding:10px 5px;
	clear:both
	}