@charset "utf-8";

/* ==================================================

NOハラスメント・ドットコム スタイルシート

================================================== */


/* Win版 IE5.x系列用 
--------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */


/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#646464;
	border-top:solid 2px #00b4fa;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited{
	color:#0064b4;
	text-decoration:none;
}
a:hover,
a:active {
	color:#0064b4;
	text-decoration:underline;
}
br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}
.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin-bottom:10px;
}

.header {
	width:836px;
	margin:0 auto;
	height:75px;
	text-align:left;
}
.header h1 {
	float:left;
	width:436px;
	padding-top:35px;
}
.header .top-logout {
	float:right;
	width:400px;
	text-align:right;
	padding-top:35px;
}
.main {
	width:836px;
	margin:0 auto;
	text-align:left;
	padding-bottom:80px;
}
h2 {
	padding-bottom:30px;
}
.frame {
	border:solid 1px #d2d2d2;
	background-color:#fff;
	padding:50px 50px 0;
}

.footer {
	border-top:solid 2px #00b4fa;
	padding:10px 0 20px;
	text-align:center;
	font-size:85%;
	line-height:120%;
	color:#969696;
}

/* ログイン 
--------------------------------------------------------------------*/
.login-top {
	background:url(../common/login_bk.gif) repeat-x;
	height:70px;
}
.login-bottom {
	background:url(../common/login_bk.gif) repeat-x;
	height:75px;
}
#login {
	border-bottom:solid 2px #78c8fa;
}
#login .warning {
	margin-top:10px;
}
#login .main {
	width:715px !important;
	margin:0 auto;
	text-align:left;
	padding:100px 0 !important;
}
#login .main .logo-area {
	width:292px;
	float:left;
	text-align:center;
	padding-top:18px;
}
#login .main .login-area {
	width:380px;
	float:right;
}
#login .main .logo-area .login {
	padding-top:25px;
}
#login .main .login-area .idpass {
	margin:5px 0 5px;
	border:solid 1px #7fb1d9;
	background:#c8ebff;
	padding:15px 30px 17px;
}
#login .main .login-area .idpass table {
	width:320px;
}
#login .main .login-area .idpass th {
	width:80px;
	text-align:center;
}
#login .main .login-area .idpass td {
	width:240px;
}
#login .main .login-area .idpass th,
#login .main .login-area .idpass td {
	padding:3px 0;
	vertical-align:middle;
}
#login .main .login-area .idpass td input {
	width:150px;
}
#login .main .login-area .idpass .btn-login {
	padding-top:10px;
	text-align:center;
}
#login .main .kome {
	padding-top:2px;
}
#login .main .kome li {
	background:url(../common/arrow_1.gif) no-repeat 0 3px;
	padding:2px 0 0 11px;
	font-size:85%;
	line-height:120%;
}

/* ログアウト 
--------------------------------------------------------------------*/
#logout .main {
	width:715px;
	margin:0 auto;
	text-align:center;
	padding:30px 0 70px;
}
#logout .main .title {
	padding-top:30px;
	font-weight:bold;
}
#logout .main .text {
	padding:30px 0 50px;
}

/* トップページ 
--------------------------------------------------------------------*/
#top h3 {
	padding-bottom:17px;
}
#top h3.last {
	padding:20px 0 14px !important;
}
#top .training-area {
	width:734px;
}
#top .training-area .photo {
	float:left;
	width:350px;
}
#top .training-area .photo-r {
	float:right;
	width:354px;
}
#top .training-area .photo-r .copy {
	padding-bottom:10px;
}
#top .training-area .photo-r .pdf {
	padding-top:10px;
	font-weight:bold;
}
#top .training-area .photo-r .pdf img {
	margin-right:10px;
	vertical-align:middle;
}
#top .btn {
	padding:30px 0 60px;
	text-align:center;
}

/* サンプルページ 
--------------------------------------------------------------------*/
#sample .sample-frame {
	border:solid 5px #ff961e;
	position:relative;
	margin-bottom:50px;
}
#sample .sample-frame-i {
	background:url(../img/sample/sample_movie_preview.gif) no-repeat #fffaf4;
	padding:45px 46px 35px;
}
#sample .btn-sample {
	position:absolute;
	top:244px;
	left:436px;
}

/* お問い合わせ 
--------------------------------------------------------------------*/
#form-page .frame {
	padding:50px;
}
#form-page h3 {
	padding-bottom:30px;
}
#form-page h3.next {
	padding-bottom:10px !important;
}
#form-page form table {
	width:734px;
	border-top:dotted 1px #d2d2d2;
}
#form-page form th,
#form-page form td {
	border-bottom:dotted 1px #d2d2d2;
}
#form-page form th {
	width:254px;
}
#form-page form td {
	width:480px;
}
#form-page form th div {
	background:url(../common/arrow_1.gif) no-repeat 5px 10px;
	padding:7px 5px 7px 15px;
}
#form-page form td div {
	padding:7px 5px 7px 10px;
}
#form-page form td .add-info {
	padding-left:5px;
}
#form-page .btn {
	padding-top:20px;
	text-align:center;
}
#form-page .require {
	padding-left:5px;
	color:#d7231e;
}
#form-page .privacy {
	padding-top:20px;
	font-size:85%;
	line-height:120%;
}
#form-page .middle-info {
	padding-bottom:10px;
}
#form-page .last-info {
	text-align:center;
	padding:120px 0 120px;
}