@charset "utf-8";

/* ------------------------- TOC 
base
css hack
layout
 ------------------------- */

/* base ------------------------------ */

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

html {
	height:100%;
	margin-bottom:1px;
}

body {
	color: #666;
	background: #fff url(../img/bg.gif) repeat-x center 118px;
	font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "Helvetica", "Verdana", sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a { border: 0; vertical-align: text-middle; }
img { border: 0; vertical-align: bottom; }
i, em, address { font-style: normal; }
input, button { line-height: normal; }
abbr { border: 0 ; }

a {
	color: #993366;
	text-decoration: none ;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
a:link { color: #993399; text-decoration: underline ; }
a:visited { color: #993399; text-decoration: underline ; }
a:hover, a:active { color: #993399; text-decoration: none ; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

p { margin: 0 0 10px 0 ; padding: 0 ; }
strong { font-weight: bold ; }

textarea{font-size: 12px ;}

.formTxt{
    border:1px solid #000;
    background-color:#fff;
    padding:2px;
}


/* css hack ------------------------------ */

/* floating box clear */
.clearfix:after {
    content: "." ;
    display: block ;
    height: 0 ;
    clear:both;
    visibility: hidden ;
}

.clearfix {
    zoom: 1 ;
}

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }

/* centered background fix - for Firefox 3 */
body,x:-moz-broken { margin-left:-1px; }


/* layout ------------------------------ */
/* 2 column */
#wrapper{
	position: relative ;
	width: 940px ;
	margin: 0 auto ;
}

#container{
	width: 940px ;
	background: #fff url(../img/bgSide.gif) repeat-y 0 0;
	padding-bottom: 30px ;
}

#containerBottom{
	width: 940px ;
	height: 1px ;
	background: #fff url(../img/bgSideBottom.gif) no-repeat 0 0;
	overflow: hidden ;
}

#main{
	width: 710px ;
	float: left ;
}

#side{
	width: 230px ;
	float: right ;
}
#contents{ }


/* common */
h1{
	text-indent: -9999px ;
	background: url(../img/logo.gif) ;
	width: 203px ;
	height: 55px ;
	overflow: hidden ;
	margin: 6px 0 3px ;
}

h1 a{
	width: 203px ;
	height: 55px ;
	display: block ;
	overflow: hidden ;
}

#outline {
	position: absolute ;
	top: 9px ;
	right: 0 ;
	font-size: 10px ;
	color: #999 ;
}

#logoCaption {
	text-indent: -9999px ;
	width: 288px ;
	height: 11px ;
	background: url(../img/logoCaption.gif) no-repeat ;
	overflow: hidden ;
}

.sectionLeft,.blockLeft { float: left ; }
.sectionRight,.blockRight { float: right ; }


/* header */
#header{margin-bottom: 6px ;position:relative;}
#header .sectionLeft{width: 288px ;}
#header .sectionRight{width: 500px ;}


/* gnav */
ul#gnav{margin-bottom: 8px ;}

ul#gnav li{ height: 47px ; overflow: hidden ; float: left ; }

ul#gnav li.top{ width: 157px ; }
ul#gnav li.service{ width: 156px ; }
ul#gnav li.howto{ width: 156px ; }
ul#gnav li.faq{ width: 157px ; }
ul#gnav li.contact{ width: 157px ; }

ul#gnav li.gallery { width: 157px ; }

/* snav */
#snav{
	line-height: 1 ;
	text-align: right ;
	margin-top: 62px ;
}

#snav a{padding: 0 5px ;}
#snav a.right{padding: 0 0 0 5px ;}


/* side */

#side{
	border-top: #ccc 1px solid ;
	padding-top: 9px ;
}

#side .module{
	margin: 0 10px 10px ;
}

#side .sectionSideTitle{
	text-indent: -9999px ;
	width: 210px ;
	height: 22px ;
}

#side #member .sectionSideTitle{background: url(../img/sideTitleMember.gif) no-repeat ;}
#side #sample .sectionSideTitle{background: url(../img/sideTitleSample.gif) no-repeat ;}
#side #link .sectionSideTitle{background: url(../img/sideTitleLink.gif) no-repeat ;}

#side .module .sectionBody{
	border-right: 1px solid #676767 ;
	border-bottom: 1px solid #676767 ;
	border-left: 1px solid #676767 ;
	background: #fff ;
	padding-top: 10px ;
}

#side #member .sectionBody .sectionLogin{
	padding-bottom: 13px ;
	margin: 0 8px 12px ;
	border-bottom: 1px solid #666 ;
}

#side #member .sectionBody .sectionLogin form table{
	margin-bottom: 5px ;
}

#side #member .sectionBody .sectionLogin form table th{color: #004673 ;text-align: right ;	padding: 0 5px 5px 0 ;}
#side #member .sectionBody .sectionLogin form table td{padding: 0 0 5px 0 ;}
#side #member .sectionBody .sectionLogin form table td input.formTxt{width: 120px ;}
#side #member .sectionBody .sectionLogin form .sectionBtn{line-height: 0 ;text-align: center ;margin: 0 ;}

/* 
追加 */

.checkSavetxt {font-size:10px;}
.httpSwitch {float:right;width:50px;font-size:10px;line-height:1.2;}

#side #member .sectionBody .beginner p{text-align: center ;}

#side #member .sectionBody .beginner p.sectionSTitle {margin-bottom: 4px ;height:17px;}
.sectionLogout {margin:0 8px 12px 8px;}
.sectionLogout table {margin-bottom:5px;}
.sectionLogout .sectionBtn {text-align:center;}

.line-border-dot {border-top:1px dotted #333333;clear:none;height:1px;width:100%; margin: 5px 0px;}
#side #sample .sectionBody dl.sectionPC dd p.sectionPhoto {margin-bottom: 5px ;}
#side #sample .sectionBody dl.sectionPC dd p.sectionPresen {margin-bottom: 5px ;}

div.digitrlogo {margin-top:20px;text-align:center;}
div.digitrlogo p {font-size:10px;width:210px;margin:5px 10px;}

/* お知らせ */

#side #sideInformation .sectionSideTitle{background: url(../img/sideTitleLInfo.gif) no-repeat ;}
#side #sideInformation .sectionBody dl{margin:0 8px 8px 8px;}
#side #sideInformation .sectionBody dt{margin:3px 0 0 0;}
#side #sideInformation .sectionBody dd{margin:0 0 0 5px;}

#side #newFunction .sectionSideTitle{background: url(../img/sideTitleFunction.gif) no-repeat ;}
#side #newFunction .sectionBody div {margin:0 8px;}
#side #newFunction .sectionBody div p {margin:0 10px 10px 10px;}

/* open */

div.preparation {position:absolute; top:10px; left:320px}

/* 
追加 */


#side #member .sectionBody .beginner p.sectionBtn{margin-bottom: 9px ;}

#side #sample .sectionBody dl dt,
#side #sample .sectionBody dl p{text-align: center ;margin-bottom: 0 ;}

#side #sample .sectionBody dl dt{margin-bottom: 10px ;}
#side #sample .sectionBody dl.sectionPC dd p.sectionNovel{margin-bottom: 5px ;}

#side #sample .sectionBody dl.sectionPC{
	padding-bottom: 10px ;
	margin: 0 8px 12px ;
	border-bottom: 1px solid #666 ;
}

#side #sample .sectionBody dl.sectionMobile{margin-bottom: 8px ;}

#side #link .sectionSideTitle{margin-bottom: 10px ;}

#side #link ul li{margin-bottom: 10px ;}


/* footer */
#footer{
	color: #fff;
	background: #000 ;
	padding-top: 20px ;
}

#footer #fnav{
	color: #fff;
	text-align: center ;
	margin-bottom: 30px ;
}

#footer #fnav a{padding: 0 10px ;}

#footer #fnav a,
#footer #fnav a:link,
#footer #fnav a:visited{color: #fff;}
#footer #fnav a:hover{	color: #ff99cc;}
#footer #fnav a:active{color: #fff;}

#footer #copyrights{
	text-align: center ;
	padding-bottom: 20px ;
}