/* CSS Document */

/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin : 0;
	padding : 0;
	font-size : 100%;
}

article, aside, figure, figcaption, footer,
header, hgroup, menu, nav, section {
	display: block;
}
li {

	list-style: none;
}

img {/* 画像は枠なし、中央揃え */
	border: none;
	vertical-align: middle;
}

.rounded-img {/* 角丸の画像用 */
	display: inline-block;
	border: solid 1px #666;
	margin: 0px auto 7px;
	-webkit-border-radius: 6px;
	 border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	width:98%;
}

.nomal-img {
	display: inline-block;
	width:98%;
}

/* CLEARFIX */

.clearfix:after {
  content: ".";/* 新しい要素を作る */
  display: block;/* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {overflow:hidden;} /* DreamWeaver表示確認用 */ 


/* COMMON */
html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}

body { /* 元カラー：#eee */
	background-color: #ffc;
}

#wrap {
	line-height: 1.5em;
	font-size:15px;
	color:#333;
}

.ss {
	font-size:10px;
}

.s {
	font-size:13px;
}

.l {
	font-size:18px;
}

.center {
	text-align:center; margin:auto;
}

.left {
	text-align:left; margin:auto;
}

.right {
	text-align:right; margin:auto;
}

.red {
	color:#F30;
}

.gray {
	color:#787878;
}

.line {
	border-bottom: 1px #666 solid;
}

.line_up {
	border-top: 1px #666 solid;
}


.dotline {
	border-bottom:1px #999 dashed;
}

.dotline-dot {
	border-bottom:1px #999 dotted;
}

.dotline01 {/* 開始位置に点線ライン */
	border-top:1px #999 dashed;
}

.dotline02 {/* 上下に点線ライン */
	border-top:1px #999 dashed;
	border-bottom:1px #999 dashed;
}

a {
	color: #36f;
	-webkit-tap-highlight-color: rgba(00,33,99,0.3); /* タップ時の背景色 */
}

#content {
	background-color:#fff;
	border-top: 4px solid #F7B642;
	border-bottom: 4px solid #F7B642;
}

#contentcourse {
	background-color:#dfb;
}

.contentFrame {
	border:solid 1px #666;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 0px 15px 10px;
	padding: 10px;
	background: #DAEEFE;
}

.contentBlock {
	background-color:#fff;
	margin: 0px;
	padding: 10px;
}

.copyright {
	background-color:#ddd;
	font-size:13px;
	line-height:1.2em;
}

.contentFrame.orange, .contentBlock.orange { background: #FC6; }

.contentFrame.aqua, .contentBlock.aqua { background: #ACD6FF; }

#content h2 {
	font-weight:normal;
	padding:5px;
	font-size:18px;
	letter-spacing:0.1em;
}

#content h2.bar {/* 未調整 */
	color:#FFF;
	text-align:center;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(1,6,25)), color-stop(0.25, rgb(4,12,58)), color-stop(1, rgb(5,21,104)));
	background-image: -moz-linear-gradient(center bottom, rgb(1,6,25) 0%, rgb(4,12,58) 25%, rgb(5,21,104) 100%);
}

#content h2.bar-01 {/* バックアップ */
	color:#FFF;
	text-align:center;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(1,6,25)), color-stop(0.25, rgb(4,12,58)), color-stop(1, rgb(5,21,104)));
	background-image: -moz-linear-gradient(center bottom, rgb(1,6,25) 0%, rgb(4,12,58) 25%, rgb(5,21,104) 100%);
}


#content h2.bar img {
	/* 画像の実寸は、横72px 縦72pxです。　　　　　　　　　　　　　　 */
	/* 端末により自動拡縮されても見栄えが良いよう2倍のサイズで作成し、 */
	/* CSSにてレイアウトに合わせたサイズを指定しています。　　　　　　 */
	width:36px;
	height:36px;
	margin-right:5px;
}

#content h3 {
	/*font-weight:normal;*/
	margin-bottom:10px;
}

#content h3.tag {
	border-left:8px solid #33F;
	padding-left:10px;
}

/* HEADER */
header {
	display:block;
	/*background-color:#fff;*/
}

header#tetputi {
	height:60px;
}

header#tetputi h1{
	float:left;
	margin:7px 5px 3px;
	display:block;
}

header#tetputi h1 img{
	/* 画像の実寸は、横150px 縦100pxです。　　　　　　　　　　　　　　 */
	/* 端末により自動拡縮されても見栄えが良いよう2倍のサイズで作成し、 */
	/* CSSにてレイアウトに合わせたサイズを指定しています。　　　　　　 */
	width:75px;
	height:50px;
}

header#tetputi h2{
	float:right;
	padding-top:40px;
	display:block;
	line-height: normal;
}

header#tetputi h2 p {
	font-size:12px;
	font-weight:normal;
	padding-right:5px;
	text-align:right;
}

header#tetputi .header-right{
	float:right;
	padding-top:23px;
	padding-right:7px;
	display:block;
	line-height: normal;
}

header#tetputi .header-right img {
	/* 画像の実寸は、横60px 縦70pxです。　　　　　　　　　　　　　　 */
	/* 端末により自動拡縮されても見栄えが良いよう2倍のサイズで作成し、 */
	/* CSSにてレイアウトに合わせたサイズを指定しています。　　　　　　 */
	width:30px;
	height:35px;
	margin-left:5px;
	margin-right:3px;
}

/* FORM */
form dl {
	margin-bottom:0.5em;
}

form dt {
	font-weight: bold;
	font-size:14px;
	margin-bottom: 2px;
}

input,textarea {
	padding: 5px;
}

input[type=email], input[type=password] {
	width:95%;
}

/* BUTTON */
input[type=button], input[type=reset], input[type=submit],a.button {
	border: 1px solid #ccc; 
	padding: 8px 20px 8px 20px;
	margin:10px auto 10px;
	text-decoration:none;
	display:block;
	color:#333;
	font-size:15px;
	background: -moz-linear-gradient(top, #fff, #e6e6e6 1%, #e6e6e6 50%, #d0d0d0 99%, #bcbcbc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e6e6e6), color-stop(0.5, #e6e6e6), color-stop(0.99, #d0d0d0), to(#bcbcbc));
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

a.button-login {
	color: #ffffff;
	font-size:15px;
	border: 1px solid #333;
	padding: 6px 18px 6px 18px;
	text-decoration:none;
	background-image: -moz-linear-gradient(center bottom, rgb(0,0,0) 0%, rgb(69,68,69) 50%, rgb(0,0,0) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(0.5, rgb(69,68,69)), color-stop(1, rgb(0,0,0)));
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

a.button-regist-ss {/* コンテンツTOPの会員登録にて使用 */
	border: 1px solid #ccc; padding: 8px 20px 8px 20px; margin:3px auto 10px;
	text-decoration:none; display:block; color:#fff; font-size:16px; letter-spacing:0.15em; width: 65%;
	background: -moz-linear-gradient(top, #f1f1f1, #33ccff 1%, #0099ff 50%, #0099ff 99%, #0066ff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), color-stop(0.01, #33ccff), color-stop(0.5, #0099ff), color-stop(0.99, #0099ff), to(#0066ff));
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; 
}


/* FOOTER */
 
footer {
	text-align:center;
}

footer nav {
	padding:4px;
	font-size:14px;
}

footer li {
	display:inline;
	line-height:2em;
}

footer li a {
	padding:4px;
}

/* APPLI LIST */
.rounded-ico {	/* 一覧サムネール */
	/* サムネール画像の実寸は、横150px 縦150pxです。*/
	/* 必要に応じてHTML側でサイズを指定してください。*/
	float:left;
	display: inline-block;
	border: solid 1px #999;
	margin-bottom:3px;
	margin-right:6px;
	overflow: hidden;
	-webkit-border-radius: 8px;
	 border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

/* ブロック */
.block_y {
	background-color: #FCFCBD;
	margin: 10px 0;
	padding: 10px;
}
/* ▼以下足した分20111110▼ */

.contentFrame_y {
	border:solid 2px #FF6600;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 10px;
	background: #FFFFCC;
	margin: 0px 10px 10px 10px;
	width:auto;
	height:auto;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.contentBlock_y02 {
	text-align:center;
	background-color:#FFFFCC;
	margin: 0px;
	padding: 10px;
}

.contentbar_con {/* 取説用帯 */
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #666666;
	font-size: 20px;
	color: #ffffff;
	text-align:center;
	padding: 10px 20px;
	background: -webkit-gradient(
	linear, left top, left bottom,
	color-stop(1.00, #FFCC00),
	color-stop(0.00, #FF6600));
	background: -webkit-linear-gradient(
	top, #FF6600 0%, #FFCC00 100%);
	background: -moz-linear-gradient(
	top, #FF6600 0%, #FFCC00 100%);
}

.line_o {
	border-top: 1px #FF3300 solid;
	border-bottom: 1px #FF9900 solid;
}

.line_o02 {
	border-top: 1px #F7B642 solid;
	border-bottom: 1px #F7B642 solid;
}

.line_o_bottom {
	border-bottom: 1px #F7B642 solid;
}

.line_o_size3 {
	border-bottom: 4px #F7B642 solid;
}

.contentshadow {
	text-shadow: 1px 1px 1px #A9B1B1;
}

.contentshadow02 {
	text-shadow: 1px 1px 1px #CCCCCC;
}

/* PAGELIST LINK(取説相互リンク用) */

.contentbar_link {/* 取説相互リンク用帯 */
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #666666;
	font-size: 18px;
	border-top: 1px solid #ff8916;
	border-bottom: 1px solid #ff8916;
	color: #FFFFFF;
	text-align:center; margin:auto;
	height: 40px;
	line-height: 40px;
	background: -webkit-gradient(
	linear, left top, left bottom, 
	color-stop(0.00, #ffb268), 
	color-stop(0.17, #ffdfc2), 
	color-stop(0.51, #ff8916), 
	color-stop(0.79, #ffae5e), 
	color-stop(1.00, #ff8a16));
	background: -webkit-linear-gradient(
	top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
	background: -moz-linear-gradient(
	top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
}

.pagelist_link li {
	border-top: 1px solid #FFFFCC;
	border-bottom: 1px solid #FFFFCC;
	height: 50px;
	line-height: 50px;
	background: -webkit-gradient(
	linear, left top, left bottom, 
	color-stop(1.00, #FFFFFF), 
	color-stop(0.00, #FFFFCC));
	background: -webkit-linear-gradient(
	top, #FFFFCC 0%, #FFFFFF 100%);
	background: -moz-linear-gradient(
	top, #FFFFCC 0%, #FFFFFF 100%);

}

.pagelist_link li:first-child {
	border-top: none;
}

.pagelist_link a {
	display: block;
	overflow: hidden;
	color: #FF6600;
	margin-left:5px;
	margin-right:5px;
	text-shadow: 1px 1px 1px #CCCCCC; 
	text-decoration:none;
	text-overflow: ellipsis;
}

.pagelist_link li p.content {	/* 取説相互リンク用 */
	font-size:14px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:20px;
}