/*----------------------------
 *	JamiJam CSS
 -----------------------------*/

/* ----- common ----- */
* {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka, sans-serif;
	line-height:100%;
	color:#333333;
	font-size:12px;
	margin:0px;
	padding:0px;
}
html {
	overflow-y:scroll;
}
strong {
	color:#fc0e0e;
}
em {
	color:#008000;
	font-weight:bold;
	font-style:normal;
}
hr {
	display:none;
}
form {
	display:inline;
}
img {
	border:0px;
}
label{
	cursor:pointer;
}
table {
	border-collapse:separate;
}
th,td {
	padding:5px;
}
a {
	color: #00329f;
}
.clear {
	clear:both;
	height:0px;
}
a:hover {
	text-decoration: underline;
	color: #ff6600;
}
.input_kanji {
	ime-mode: active;
}
.input_kanji98 {
	ime-mode: active;
	width: 98%;
}
.input_ank {
	ime-mode: inactive;
}
.input_ankonly {
	ime-mode: disabled;
}

input,textarea,select {
	background:#f5f5f5;
	border-color:#85a3ae;
	margin-bottom:1px;
	border-width:1px;
	border-style:solid;
	padding:2px;
}
.right {
	text-align:right;
}
.next {
	padding-left:18px;
	font-weight:normal;
	background-image:url(../image/next.gif);
	background-repeat:no-repeat;
	background-position: left center;
}
.blueflag {
	padding-left:18px;
	font-weight:normal;
	background-image:url(../image/flag_blue.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

/* ----- page layout ----- */
body {
	margin:0 auto;
	background:#fcfcfc;
}
body,#bodyout {
	width:780px;
}
#body {
	background: url(../image/body_back.gif) repeat-y;
	padding-left:10px;
	padding-right:10px;
}
#container {
	margin-left:10px;
	margin-right:10px;
}
#header {
	height:60px;
	overflow:hidden;
}
#content,#content-one {
}
#infopath {
	margin-bottom:5px;
	height:12px;
}
#content #main {
	width:550px;
	float:right;
}
#content #side {
	width:190px;
	float:right;
}
#content-one #main {
}
#content-one #side {
	display:none;
}
#footer {
	clear:both;
	height:30px;
}

/* ----- header ----- */
#header {
	background: url(../image/header_back.gif);
}
#header h1 {
	float:left;
}
#header h2 {
	margin-top:30px;
	padding-left:200px;
	text-align:left;
	color:#d91519;
	font-size:14px;
}
#header li {
	list-style-type:none;
}

/* ----- infopath ----- */
#infopath {
	margin-bottom:10px;
}
#infopath,#infopath a,#infopath strong {
	font-size:90%;
	color:#555555;
}

/* ----- footer ----- */
#footer {
	border-top:1px solid #cbcbcb;
	margin-top:10px;
}
#footer-in {
	padding-top:10px;
}
#footerlink {
	float:right;
}
#footerlink li {
	float:left;
	padding-left:10px;
	list-style-type:none;
}
#footerlink li a {
	font-size:80%;
	text-decoration:none;
	color:#555555;
}
#footerlink li a:hover {
	text-decoration:none;
}
#footeraddress {
	float:right;
	text-align:left;
}
address {
	font-style:normal;
	font-size:80%;
	margin-right:80px;
}

/* ----- main ----- */
#main-in {
}
#main h2 {
	padding:5px 10px 5px 5px;
	font-size:16px;
	font-weight:bold;
	border:none;
	background:none;
	border-bottom:3px solid #2f66b8;
	color:#2f66b8;
	margin-bottom:10px;
}
#main h3 {
	padding:5px 10px 5px 5px;
	font-size:14px;
	font-weight:bold;
	border-bottom:3px solid #339966;
	color:#339966;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:30px;
}
#main h3 span {
	padding-left:5px;
	font-weight:normal;
	font-size:12px;
	color:#339966;
}
#main h4 {
	padding:5px 10px 5px 10px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin-left:5px;
}
#main h3,#main #top h2 {
	margin-top:20px;
}
#main p,#main ul,#main ol,#main blockquote,#main table {
	margin-bottom:15px;
}
#main-in,#main-in p,#main li,#main blockquote,#main th,#main td {
	line-height:150%;
}
#main p,#main table,#main #form-base #btn {
	margin-left:20px;
}

#main table {
}
#main ul,#main ol {
	margin-left:40px;
}
#main td ul,#main td ol {
	margin-left:0px;
	margin-bottom:0px;
}
#main td li {
	list-style-type:none;
	list-style-image:none;
}
#main th {
	border:1px solid #cbcbcb;
	background:#eeeeee;
	text-align:left;
}
#main img {
	margin-bottom:10px;
}
#main h2 img,#main h3 img #main h4 img {
	margin:0px;
	padding:0px;
}
#main .leftimage {
	float:left;
	margin:0px 10px 10px 0px;
}
#main .rightimage {
	float:right;
	margin:0px 0px 10px 10px;
}
#main .centerimage img {
	display:block;
	margin:0 auto;
	margin-bottom:10px;
}
#main blockquote {
	margin-left:30px;
	margin-right:10px;
	padding:10px;
	border:1px solid #cbcbcb;
}
.uplink {
	text-align:right;
}
.uplink, .uplink a {
	font-size:90%;
	color:#555555;
}

.pagenavi {
	margin-bottom:10px;
}
.pagenavi li {
	margin-bottom:5px;
}
.pagenavi li a {
	color:#ff6600;
	font-size:14px;
	font-weight:bold;
}
.pagenavi li a:hover {
	text-decoration:none;
}

#main .pp {
	margin-top:30px;
	padding-top:10px;
	border-top:1px dotted #cbcbcb;
}
#main .proviso {
	color:#555555;
	font-size:90%;
	margin-top:30px;
}
#main span.proviso {
	color:#555555;
	font-size:80%;
	margin:0px;
}

#main li {
	margin-bottom:10px;
}

#main li em {
	display:block;
	font-style:normal;
	font-weight:bold;
/*	font-size:14px;*/
/*	color:#fc0e0e;*/
	color:#008000;
}

.demolist {
}
.demolist li {
	list-style-type:none;
	list-style-image:none;
	margin-left:0px;
	margin-bottom:0px;
	float:left;
	text-align:center;
}
.demolist li img {
	display:block;
}

#main #information li,#main .pagenavi li,#main #sitemap li {
	list-style-image: url(../image/navi.gif);
}

#main .more2 {
	text-align:center;
}
/* ----- outline ----- */
#main .outline {
}
#main .outline h3 {
	border:none;
	background:#339966;
	color:#ffffff;
	padding-left:20px;
}

#main .outline img {
	display:block;
	margin:0 auto;
	margin-bottom:5px;
}

/* ----- 3column ----- */
.column3 {
	margin-bottom:10px;
}
.column3-part {
	float:left;
	width:183px;
}
.column3-1 {
	margin-left:4px;
	margin-right:2px;
}
.column3-2 {
	margin-left:3px;
	margin-right:3px;
}
.column3-3 {
	margin-left:2px;
	margin-right:4px;
}

/* ----- side ----- */
#side {
	background: url(../image/side_back.gif);
	background-repeat:no-repeat;
}
#side-in {
	margin-right:10px;
	line-height:150%;
	padding-top:50px;
}
#side li {
	list-style-type:none;
}
.sidemenu {
	margin-bottom:10px;
}
.sidemenu h2 {
	padding:10px 5px 10px 5px;
	color:#ffffff;
	background:#2f66b8;
	font-size:14px;
	font-style:bold;
}
.sidemenu li a {
	height:24px;
	font-size:14px;
	padding-left:5px;
	padding-top:14px;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #cbcbcb;
	color:#000000;
}
.sidemenu li a:hover {
	color:#000000;
	text-decoration:none;
}
.sidemenu li.first a {
	border-top:1px solid #cbcbcb;
}
.sidemenu li a.smallfont {
	font-size:12px;
}

.sidemenu .mainmenu li a {
	color:#000000;
	border-left:6px solid #008000;
}
.sidemenu .mainmenu li a:hover {
	background:#e4fce4;
	border-left:6px solid #ffcc00;
}
.sidemenu .mainmenu li#mymainmenu a {
	border-left:6px solid #d91519;
	background:#e4fce4;
	font-weight:bold;
}

.sidemenu .submenu li a {
	padding-left:15px;
/*
	background-image:url(../image/navi.gif);
	background-repeat:no-repeat;
	background-position: left center;
*/
}
.sidemenu .submenu li a:hover {
	background:#fdfdbc;
/*
	background-image:url(../image/navi.gif);
	background-repeat:no-repeat;
	background-position: left center;
*/
}
.sidemenu .submenu li#mymenu a,
.sidemenu .submenu li#mymenu a:hover {
	background:#fdfdbc;
/*	font-weight:bold;*/
/*
	background-image:url(../image/navi.gif);
	background-repeat:no-repeat;
	background-position: left center;
*/
}

.sidemenu li em {
	display:inline;
	font-style:normal;
	font-weight:bold;
	font-size:80%;
	color:#fc0e0e;
	padding-left:5px;
}
#side .pr {
	margin-bottom:10px;
	line-height:120%;
}
#side .pr img {
	margin-bottom:2px;
}
#side .prtop {
	margin-bottom:2px;
}

#side #about {
	border:1px solid #cbcbcb;
	padding:10px 5px 10px 5px;
	line-height:120%;
	margin-bottom:10px;
}
#side #about p {
	padding-left:5px;
}
#side #about,
#side #about p {
	line-height:120%;
	font-size:90%;
}
#side #about h2 {
	margin-top:5px;
	margin-bottom:5px;
	font-size:14px;
}

/* ----- JamiJam ASP ----- */
#main .jamijam-asp {
}
#main .jamijam-asp h2 {
	margin:0px;
	padding:0px;
	border:none;
	font-size:16px;
}
#main .jamijam-asp h3,#main .jamijam-asp h4 {
	height:12px;
	margin:0px;
	padding:5px;
	border:none;
	font-size:12px;
	background:#2f66b8;
	color:#ffffff;
	text-align:center;
	margin-bottom:3px;
}
#main .jamijam-asp h3.s,#main .jamijam-asp h4.s {
	font-size:10px;
	padding-left:2px;
	padding-right:2px;
}
#main .jamijam-asp img {
	margin-bottom:3px;
}
#main .jamijam-asp p {
	margin:0px;
	padding-left:2px;
	padding-right:2px;
}
#main .jamijam-asp p.button {
	margin:0px;
	padding:0px;
	line-height:100%;
	text-align:right;
}
#main .jamijam-asp p.button img {
	margin-bottom:2px;
}

/* ----- course & price ----- */
#main .courseprice {
	border-collapse:collapse;
	width:530px;
}
#main .applycourseprice {
	border-collapse:collapse;
	margin-left:0px;
}
#main .courseprice th,
#main .applycourseprice th {
	font-weight:bold;
}
#main .courseprice th,
#main .courseprice td,
#main .applycourseprice th,
#main .applycourseprice td {
	border:1px solid #444444;
}
#main .courseprice th,
#main .applycourseprice th {
	text-align:center;
	background:#fefebc;
}
#main .courseprice th.course,
#main .applycourseprice th.course {
	background:#e4fce4;
	color:#008000;
}
#main .courseprice th.price,
#main .applycourseprice th.price {
	color:#fc0e0e;
}
#main .courseprice th.price,#main .courseprice th.contract,
#main .applycourseprice th.price,#main .applycourseprice th.contract {
	background:#fde4f1;
}
#main .courseprice td,
#main .applycourseprice td {
	text-align:center;
}
#main .courseprice td.num,
#main .applycourseprice td.num {
	text-align:right;
}
#main .courseprice td.str,
#main .applycourseprice td.str {
	text-align:left;
}
#main .courseprice td em,
#main .applycourseprice td em {
	color:#fc0e0e;
	font-weight:bold;
	font-style:normal;
	display:block;
}

#main .morecourse {
	color:#993366;
	font-weight:bold;
}
.applybutton {
	margin-top:30px;
	text-align:center;
}
.applybutton img {
	display:block;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:10px;
}

/* ----- coupon ----- */
#coupon_title1 {
	font-weight:bold;
}
#coupon_title2 {
	font-size:14px;
	font-weight:bold;
	color:#491486;
	text-align:center;
}

#coupon_point {
	background-repeat:no-repeat;
	background-image:url(../image/coupon_point.jpg);
	width:550px;
	height:359px;
	margin-bottom:20px;
}
#coupon_point1 {
	float:left;
	width:275px;
	height:180px;
}
#coupon_point2 {
	float:left;
	width:275px;
	height:180px;
}
#coupon_point3 {
	clear:both;
	float:left;
	width:275px;
	height:180px;
}
#coupon_point4 {
	float:left;
	width:275px;
	height:180px;
}
#coupon_point h3 {
	margin:18px 0px 5px 60px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	border:none;
	color:#ffffff;
}
#coupon_point .cp1 {
	margin:20px 20px 10px 50px;
	height:60px;
}
#coupon_point .cp2 {
	margin:10px 70px 10px 35px;
}

/* ----- coupon explan ----- */
#coupon_explan {
}
#coupon_explan #coupon_explan_left {
	float:left;
	width:226px;
}
#coupon_explan #coupon_explan_right {
	float:left;
	width:324px;
}
#coupon_explan ol {
	margin-top:40px;
}
#coupon_explan li {
	color:#0A51A1;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
#coupon_explan li em {
	color:#0A51A1;
}
#coupon_explan li div {
	color:#333333;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
}

/* ----- coupon schlude ----- */
#coupon_sch {
}
#coupon_sch ol {
}
#coupon_sch li {
	list-style-type:none;
}
#coupon_sch li div {
	background-repeat:no-repeat;
	background-position: left top;
	line-height:150%;
	padding-left:30px;
	padding-bottom:14px;
	padding-top:5px;
}
#coupon_sch div.n1 {
	background-image:url(../image/coupon_sch_1.gif);
}
#coupon_sch div.n2 {
	background-image:url(../image/coupon_sch_2.gif);
}
#coupon_sch div.n3 {
	background-image:url(../image/coupon_sch_3.gif);
}
#coupon_sch div.n4 {
	background-image:url(../image/coupon_sch_4.gif);
}

/* ----- autos ----- */
#autos_problem {
}
#autos_problem ul {
	margin:0px;
	padding:0px;
}
#autos_problem li {
	line-height:100%;
	list-style-type:none;
	margin:0px;
	padding:0px 20px 0px 20px;
}
#autos_problem li a {
	display:block;
	padding:10px;
	margin:0px 0px 5px 0px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}
#autos_problem li#autos_problem1 a {
	background:#ff0000;
}
#autos_problem li#autos_problem2 a {
	background:#000080;
}
#autos_problem li#autos_problem3 a {
	background:#008000;
}


/* ----- information ----- */
#information {
	border-bottom:1px solid #cbcbcb;
}

/* ----- contact ----- */
#form-base {
}
#form-base th {
	font-weight:normal;
}
#form-base em {
	font-weight:normal;
	font-style:normal;
	color:#cc0000;
	margin-left:5px;
}
#form-base .ex {
	color:#777777;
	font-size:90%;
	margin-top:2px;
	margin-left:5px;
}
#form-base .info {
	color:#339966;
	margin-top:3px;
	margin-bottom:3px;
}
#form-base .att {
	color:#fc0e0e;
	margin-top:3px;
	margin-bottom:3px;
}
#form-base .showkiyaku {
	border:1px solid #cbcbcb;
	height:200px;
	overflow-y:scroll;
	margin-bottom:10px;
	margin-left:20px;
}
#form-base #btncenter {
	text-align:center;
}

/* ----- kiyaku ----- */
#kiyakubase h3 {
	margin:10px 0px 10px 10px;
	padding:0px;
	border:none;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}
#kiyakubase h4 {
	margin:15px 0px 5px 15px;
	padding:0px;
	font-weight:bold;
	color:#000000;
}
#kiyakubase h5 {
	margin:5px 0px 5px 18px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
#kiyakubase p,#kiyakubase ul,#kiyakubase ol {
	margin-bottom:5px;
}
#kiyakubase li em {
	display:block;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	color:#000000;
}
#kiyakubase li ul,#kiyaku li ol {
	margin-left:25px;
}
#kiyakubase li li {
	list-style-type:decimal-leading-zero;
}

/* ----- sitemap ----- */
#sitemap h3 {
	border-bottom:none;
	margin-bottom:0px;
}
#sitemap a {
	color:#333333;
}

/* ----- error ----- */
.error {
	color:#ff0000;
	font-weight:bold;
}

/* ----- access_error ----- */
.access_error {
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	margin-top:30px;
}

