@charset "utf-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width: 100%;
}
/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

/* @media only screen and (min-width: 769px) {*/
body {
	font-size: 12px;
	line-height: 20px;
	height: 100%;
	margin:0;

	
}



.bg_cd{
/*	background-image: url(../img/top_bg.jpg);*/
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
	
	
	}
	
	
	
#t_box {
	margin:0px auto;
	width: 100%;
	min-width: 900px;/*	border-bottom: #00B8CC solid 6px;*/

		height:80px;
}

#t_box_in {
	margin: auto;

	width: 770px;
	padding:0px 10px;

}
#p_box {
	width: 770px;
	height: 400px;
	margin:  auto;
						
									
}
#p_box_in {
	max-width: 770px;
	margin: auto;
	width: auto;
					
}
#m_box {
	width: 770px;
	margin: 0px auto 0px auto;
	height: 500px;

		
}


.bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:none; background-color:transparent; } 

#news_box_in {
	width: 580px;
	height: auto;
	margin: -20px auto 15px 0;
}
.ao {
	color: #00B8CC;
}
.oshirase {
	border-radius: 4px;
	background: #BBE7F9;
	height: auto;
	padding: 5px;
}
.osusume {
	border-radius: 4px;
	background: #BBE7F9;
	height: 302px;
	padding: 5px;
}
.susume {
	margin: 3px;
	float: left;
	width: 247px;
}
#sns_box_in {
	width: 280px;
	height: auto;
	margin-left: 10px;
	float: left;
	margin-bottom: 0px;
		margin-top: -20px;
}
#soft_box_in {
	max-width: 770px;
	margin: 0 auto 0px auto;
	width: auto;
	height: 250px;
	clear: both;
}
#b_box {
	width: 100%;
	min-width: 800px;
	height: 40px;
	position: relative;
	bottom: 0px;
	clear: both;
	background: #00B8CC;
}
#b_box_in {
	margin: auto;
	width: 770px;
	height: 20px;
	padding: 10px;
}
.box_bg {
	background: #FFF;
	height: auto;
	padding: 20px;
}
.midashi {
	font-size: 20px;
	padding: 10px 30px;
	position:relative;

	font-weight: bold;
	background: #00B8CC;

	color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			z-index:1;
}
.tatesen {
		position: relative;
		float:left;
		background-color:#FC0;
	left:10px;
	width:8px;
	height:40px;
				z-index:2;
	
}
.midashi2 {
	font-size: 18px;
	font-weight: bold;
	color: #00B8CC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.midashi3 {
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#b_box_in a {
	text-decoration: none;
	color: #FFF;
}
#b_box_in a:hover {
	text-decoration: underline;
}
.navi {
}
.navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.navi li {
	float: right;
	width: 100px;
	padding: 0;
	font-size: 12px;
}
.t_button {
	margin: -35px 5px 10px 0;
}
.navi li :hover {
	color: #039;
}
.navi a {
	text-align: center;
	display: block;
	padding: 4px;
	color: #33C;
	text-decoration: none;
	font-weight: bold;
	background: -moz-linear-gradient(top, #BFD9E5, #3D95B7 50%, #0080B3 50%, #0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5, #3D95B7), color-stop(0.5, #0080B3), to(#0099CC));
	
		/* InternetExplorer */  
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffBFD9E5', endColorstr='#ff0099CC');
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #00B8CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	background-color:#1555ca;
}
#navi_box {
		width:100%;

	min-width:900px;

	text-shadow: 0px 0px 3px rgba(255,255,255,0.5);
	
	
	background: -moz-linear-gradient(top, #FFFFFF, #E4F4FC 80%, #E4F4FC 80%, #999999);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.8, #E4F4FC), color-stop(0.8, #E4F4FC), to(#999999));
	height: 40px;


	
	
	/* InternetExplorer */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D7F4FF', GradientType=0)";  


/* InternetExplorer */  
background: linear-gradient(to bottom, #FFFFFF, #D7F4FF); 


background-color:#FFFFFF;

}
.m_navi {
	margin: auto;
	width: 800px;


}

.m_navi span {
	text-align: center;
	display: block;
	padding: 10px 20px;
	height: 20px;
	color: #666;
	text-decoration: none;
	font-weight: bold;

	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	text-shadow: 0px 0px 3px rgba(255,255,255,0.5);



	


}


.m_navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.m_navi li {
	float: left;
	width: auto;
		margin: 0px 0px 0px 0px;
	padding: 0;
}



.m_navi a {
	text-align: center;
	display: block;
	padding: 10px;
	height: 20px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
		border-left: 1px solid #CCC;
	border-right: 1px solid #999;



}
.m_navi a:hover {
	color: #06F;
;
}
.bar_b {
	width: 2px;
	height: 300px;
	float: left;
	background: -moz-linear-gradient(top, #BFD9E5, #3D95B7 50%, #0080B3 50%, #0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5, #3D95B7), color-stop(0.5, #0080B3), to(#0099CC));
	
		/* InternetExplorer */  
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffBFD9E5', endColorstr='#ff0099CC');
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #00B8CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}
.hyo_l {
	width: 100px;
	height: 30px;
	background: #00B8CC;
	color: #FFF;
	border: #00B8CC 2px solid;
	padding: 5px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	text-align: center;
	letter-spacing: 5px;
	float: left;
	padding-top: 15px;
}
.hyo_r {
	width: 370px;
	height: 30px;
	background: #fff;
	padding: 5px 20px;
	border: #00B8CC 2px solid;
	float: left;
	margin-bottom: 10px;
	padding-top: 15px;
}
#menu {
	height: auto;
	width: 180px;
	float: left;
	font-size: 13px;
	letter-spacing: -1px;
	margin-left: -10px;
}
#menu li {
	list-style-type: none;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left: -10px;
	line-height: 18px;
}
#menu li :hover {
	color: #039;
}
#menu li a {
	text-align: center;
	display: block;
	padding: 4px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background: -moz-linear-gradient(top, #BFD9E5, #3D95B7 50%, #0080B3 50%, #0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5, #3D95B7), color-stop(0.5, #0080B3), to(#0099CC));
	

		/* InternetExplorer */  
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffBFD9E5', endColorstr='#ff0099CC');
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #00B8CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	background-color:#1555ca;
}
.history_y {
	clear: both;
	font-size: 18px;
	font-weight: bold;
	color: #00B8CC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-BOTTOM: 0PX;
	PADDING-top: 15PX;
}
.history_m {
	width: 50px;
	height: 20px;
	background: #00B8CC;
	color: #FFF;
	border: #00B8CC 1px solid;
	padding: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	text-align: RIGHT;
	letter-spacing: 5px;
	float: left;
}
.history_s {
	width: 450px;
	height: 20px;
	border: #00B8CC 1px solid;
	padding: 5px;
	float: left;
	position: relative;
}
.history_h {
	background: #BBE7F9;
	width: 70px;
	height: 20PX;
	padding: 2px;
	RIGHT: 5PX;
	TOP: 3PX;
	text-align: center;
	position: absolute;
}
#soft_menu {
	float: left;
	width: 190px;
}
#soft_list {
	float: left;
	margin-left: 20px;
	width: 530px;
	height: 300px;
	padding: 10px;
}
.soft_list2 {
	margin-top: 20px;
	width: 560px;
	height: 210px;
	border-bottom: 4px solid #00B8CC;
}
.zyanru {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.soft_pac {
	height: 150px;
	width: 150px;
	text-align: center;
}
.soft_pac_waku {
	width: 150px;
	height: 100px;
	float: left;
	margin-right: 10px;
}
.k_button {
	margin-right: 25px;
	margin-top: 15px;
}
.soft_data {
	float: left;
	width: 370px;
}
.soft_komoku {
	float: left;
	width: 60px;
	text-align: right;
	font-weight: bold;
}
.soft_naiyo {
	width: 220px;
	margin-right: 10px;
	margin-left: 60px;
	font-weight: bold;
}
.soft_setumei {
	background: #E4F4FC;
	padding: 5px;
	border-top: solid 2px #00B8CC;
	width: 370px;
	margin-top: -40px;
}
.cero {
	width: 50px;
	height: 50px;
	position: relative;
	top: -60px;
	left: 310px;
}
.ap_bar {
	width: 80px;
	height: 50px;
	position: relative;
	top: -60px;
	left: 310px;
}
			
/*}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

/* @media only screen and (min-width: 481px) and (max-width: 768px) {
}

/* モバイルレイアウト : 480 px およびそれ以下. */

/* @media only screen and (max-width: 480px) {
}