﻿@charset "utf-8";
/* CSS Document */
/* JIA イタリア留学保険 */
/* 2007.02.11 */

body {
  font-size: 90%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.4;
  color: #333333;
  text-align: center;
  background-color: #EEEEEE;
  /*background:url(../img/b_brown.gif) left top repeat;*/
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  clear:both;
}

p {
  margin: 5px 0 1em 0;
  padding: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

img.b {
	display:block;
}

img.inline {
	display:inline;
}

strong {
	font-size: 110%;
	font-weight: bold;
	color:#CC0000;
}

strong.big {
	font-size: 160%;
}

.big {
	font-size: 160%;
	font-weight:bold;
}

#wrapper {
  width: 760px;
  margin: 10px auto;
  padding: 0;
  text-align: left;
  background-color: #FFFFFF;
}

#header {
  width: 760px;
  height: 166px;
  margin: 0;
  padding: 0;
  position: relative;
}

#header #summary {
  width: 760px;
  height: 18px;
  margin: 0;
  padding: 0;
  top: -18px;
  left: 0;
  position:absolute;
}

#header #summary h1 {
  font-size: 100%;
  color: #999999;
  font-weight: bold;
  padding: 0 10px 0 10px;
  vertical-align:middle;
}


#header #topimg {
  width: 760px;
  height: 122px;
  position: absolute;
  left: 0;
  top: 18px;
  padding: 0;
  margin: 0;
  background: url(../img/headimg.gif) left top no-repeat;
}

#gnav {
	position: absolute;
	top:   123px;
	left:    0;
	width: 760px;
	height: 42px;
	margin:  0;
	padding: 0;
	border:  0;
}

#gnav ul {
	margin:   0;
	padding:  0;
	width:  760px;
	height:  42px;
	position: relative;
	background: url(../img/gnav.gif) left top no-repeat;
}

#gnav li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

#gnav li a {
	text-decoration: none;
	display: block;
	height: 42px;
	text-indent: -9999px;
}


#totop			{left:  28px; top:   0  ; width:  89px;}
#toplan   		{left: 117px; top:   0  ; width: 156px;}
#togaiyou     	{left: 273px; top:   0  ; width: 151px;}
#totoiawase     {left: 424px; top:   0  ; width: 147px;}
#tomoushikomi   {left: 571px; top:   0  ; width: 157px;}

#totop   		a:hover {background: transparent url(../img/gnav.gif)  -28px -42px no-repeat;}
#toplan 		a:hover {background: transparent url(../img/gnav.gif) -117px -42px no-repeat;}
#togaiyou  		a:hover {background: transparent url(../img/gnav.gif) -273px -42px no-repeat;}
#totoiawase		a:hover {background: transparent url(../img/gnav.gif) -424px -42px no-repeat;}
#tomoushikomi	a:hover {background: transparent url(../img/gnav.gif) -571px -42px no-repeat;}


body.top #totop   				 {background: url(../img/gnav.gif)  -28px -84px no-repeat;}
body.plan #toplan 				 {background: url(../img/gnav.gif) -117px -84px no-repeat;}
body.gaiyou #togaiyou  			 {background: url(../img/gnav.gif) -273px -84px no-repeat;}
body.toiawase #totoiawase		 {background: url(../img/gnav.gif) -424px -84px no-repeat;}
body.moushikomi #tomoushikomi 	 {background: url(../img/gnav.gif) -571px -84px no-repeat;}



#content {
  width: 760px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
}

#main {
  clear: both;
  width: 760px;
  height: 1%;
  margin: 5px 0 0 0;
  
  padding: 0;
}


/* main article */
.article {
  margin: 5px 10px 20px 10px;
  width: 740px;
  padding: 0;
}




/* タイトルライン をcgで置き換え 頭にh2とかつけてその名前 ex) #h2news */
#h2anshin, #h2kantan, #h2moushikomi, #h2gaiyou, #h2plan,
#h2otoriyose, #h2thanks, #h2toiawase, #h2thanks2 {
  width: 760px;
  margin: 10px 0 5px 0;
  padding: 0;
  text-indent: -99999px;
}

#h2anshin {
  height: 30px;
  background: url(../img/h2anshin.gif) left top no-repeat;
}

#h2kantan {
  height: 45px;
  background: url(../img/h2kantan.gif) left top no-repeat;
}

#h2moushikomi {
  height: 45px;
  background: url(../img/h2moushikomi.gif) left top no-repeat;
}

#h2gaiyou {
  height: 45px;
  background: url(../img/h2gaiyou.gif) left top no-repeat;
}

#h2plan {
  height: 45px;
  background: url(../img/h2plan.gif) left top no-repeat;
}

#h2otoriyose {
  height: 45px;
  background: url(../img/h2otoriyose.gif) left top no-repeat;
}

#h2thanks {
  height: 45px;
  background: url(../img/h2thanks.gif) left top no-repeat;
}

#h2toiawase {
  height: 45px;
  background: url(../img/h2toiawase.gif) left top no-repeat;
}

#h2thanks2 {
  height: 45px;
  background: url(../img/h2thanks2.gif) left top no-repeat;
}


#h3tokuten, #h3moushikomi, #h3nagare, #h3keiyakugaiyou,
#h3syougai, #h3shippei, #h3baisyousekimu, #h3kyuuensyahiyou,
#h3keikouhin, #h3koukuuki, #h3ichijikikoku, #h3waribiki {
  width: 760px;
  margin: 20px 0 10px 0;
  padding: 0;
  text-indent: -9999px;
  clear:both;
}

#h3tokuten {
  height: 30px;
  background: url(../img/h3tokuten.gif) left top no-repeat;
}

#h3moushikomi {
  height: 30px;
  background: url(../img/h3moushikomi.gif) left top no-repeat;
}

#h3nagare {
  height: 30px;
  background: url(../img/h3nagare.gif) left top no-repeat;
}

#h3keiyakugaiyou {
  height: 30px;
  background: url(../img/h3keiyakugaiyou.gif) left top no-repeat;
}

#h3syougai {
  height: 50px;
  background: url(../img/h3syougai.gif) left top no-repeat;
}

#h3shippei {
  height: 50px;
  background: url(../img/h3shippei.gif) left top no-repeat;
}

#h3baisyousekimu {
  height: 50px;
  background: url(../img/h3baisyousekimu.gif) left top no-repeat;
}

#h3kyuuensyahiyou {
  height: 50px;
  background: url(../img/h3kyuuensyahiyou.gif) left top no-repeat;
}

#h3keikouhin {
  height: 50px;
  background: url(../img/h3keikouhin.gif) left top no-repeat;
}

#h3koukuuki {
  height: 50px;
  background: url(../img/h3koukuuki.gif) left top no-repeat;
}

#h3ichijikikoku {
  height: 50px;
  background: url(../img/h3ichijikikoku.gif) left top no-repeat;
}

#h3waribiki {
  height: 30px;
  background: url(../img/h3waribiki.gif) left top no-repeat;
}


#h4ryugaku, #h4anshin, #h4sup,
#btmoushikomi201, #h4nagare01, #h4nagare02, #h4nagare03, #h4nagare04,
#h4shibou, #h4shiboutokubetsu, #h4kouisyou,  #h4chiryou,
#h4hubarai, #h4hosyougaku, #h4kikan {
  width: 760px;
  margin: 20px 0 10px 0;
  padding: 0;
  text-indent: -9999px;
}

#h4ryugaku {
  height: 25px;
  background: url(../img/h4ryugaku.gif) left top no-repeat;
}

#h4anshin {
  height: 25px;
  background: url(../img/h4anshin.gif) left top no-repeat;
}

#h4sup {
  height: 25px;
  background: url(../img/h4sup.gif) left top no-repeat;
}

#h4nagare01 {
  height: 25px;
  background: url(../img/h4nagare01.gif) left top no-repeat;
}
#h4nagare02 {
  height: 25px;
  background: url(../img/h4nagare02.gif) left top no-repeat;
}
#h4nagare03 {
  height: 25px;
  background: url(../img/h4nagare03.gif) left top no-repeat;
}
#h4nagare04 {
  height: 25px;
  background: url(../img/h4nagare04.gif) left top no-repeat;
}

#h4shibou {
  height: 20px;
  background: url(../img/h4shibou.gif) left top no-repeat;
}

#h4shiboutokubetsu {
  height: 20px;
  background: url(../img/h4shiboutokubetsu.gif) left top no-repeat;
}

#h4kouisyou {
  height: 20px;
  background: url(../img/h4kouisyou.gif) left top no-repeat;
}

#h4chiryou {
  height: 20px;
  background: url(../img/h4chiryou.gif) left top no-repeat;
}

#h4hubarai {
  height: 20px;
  background: url(../img/h4hubarai.gif) left top no-repeat;
}

#h4hosyougaku {
  height: 20px;
  background: url(../img/h4hosyougaku.gif) left top no-repeat;
}

#h4kikan {
  height: 20px;
  background: url(../img/h4kikan.gif) left top no-repeat;
}



#h5anshin01, #h5anshin02, #h5anshin03, #h5anshin04 {
  width: 760px;
  height: 20px;
  margin: 10px 0 10px 0;
  padding: 0;
  text-indent: -9999px;
}

#h5anshin01 {
  background: url(../img/h5anshin01.gif) left top no-repeat;
}
#h5anshin02 {
  background: url(../img/h5anshin02.gif) left top no-repeat;
}
#h5anshin03 {
  background: url(../img/h5anshin03.gif) left top no-repeat;
}
#h5anshin04 {
  background: url(../img/h5anshin04.gif) left top no-repeat;
}

div.btmoushikomi, .btplan {
  width: 500px;
  height: 40px;
  margin: 10px 125px 20px 125px;
  padding: 0;
  text-indent: -9999px;
  clear:both;
}
div.btmoushikomi  {background:url(../img/bt_moushikomi.gif) left top no-repeat;}
div.btmoushikomi2 {
  width: 500px;
  height: 60px;
  margin: 10px auto 20px auto;
  padding: 0;
  text-indent: -9999px;
  clear:both;
	background:url(../img/bt_moushikomi02.gif) left top no-repeat;
}
.btplan           {background:url(../img/bt_plan.gif) left top no-repeat;}
div.btmoushikomi a, .btplan a {
  width: 500px;
  height: 40px;
  display:block;
}
div.btmoushikomi2 a {
  width: 500px;
  height: 60px;
  display:block;
}
div.btmoushikomi  a:hover {background: url(../img/bt_moushikomi.gif)  0 -40px no-repeat;}
div.btmoushikomi2 a:hover {background: url(../img/bt_moushikomi02.gif)  0 -60px no-repeat;}
.btplan           a:hover {background: url(../img/bt_plan.gif)  0 -40px no-repeat;}
/*
.btplan {
  width: 500px;
  height: 40px;
  margin: 10px 125px 20px 125px;
  padding: 0;
  clear:both;
  text-indent: -9999px;
  background:url(../img/bt_plan.gif) left top no-repeat;
}
.btplan a {
  width: 500px;
  height: 40px;
  display:block;
  margin: 0;
  padding: 0;
  border: none;
}
.btplan  a:hover {background: url(../img/bt_plan.gif)  0 -40px no-repeat;}
*/
.bttaishikan, .btgaimusyo, .btkojinjouhou {
  height: 23px;
  margin: 10px 100px 10px 0;
  padding: 0;
  clear:both;
  text-indent: -9999px;
}
.bttaishikan   {width: 270px; background:url(../img/bt_taishikan.gif) left top no-repeat;}
.btgaimusyo    {width: 270px; background:url(../img/bt_gaimusyo.gif) left top no-repeat;}
.btkojinjouhou {
  margin: 10px auto 10px auto;
  width: 400px; 
  background:url(../img/bt_kojinjouhou.gif) left top no-repeat;
}
.bttaishikan a, .btgaimusyo a, .btkojinjouhou a {
  height: 23px;
  display:block;
  margin: 0;
  padding: 0;
  border: none;
}
.bttaishikan a, .btgaimusyo a {width: 270px;}
.btkojinjouhou a {width: 400px;}

.bttaishikan  a:hover {background: url(../img/bt_taishikan.gif)  0 -23px no-repeat;}
.btgaimusyo  a:hover {background: url(../img/bt_gaimusyo.gif)  0 -23px no-repeat;}
.btkojinjouhou  a:hover {background: url(../img/bt_kojinjouhou.gif)  0 -23px no-repeat;}


#keiyakujikou {
  margin: 10px auto 20px auto;
  padding: 10px;
  width: 630px;
  height:300px;
  border: 1px solid #333333;
  overflow:scroll;
}

div.doui {
  width: 100%;
  height: 90px;
  margin: 20px 0;
  padding: 0;
  position:relative;
}

div.btdownload {
  width: 400px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  position:relative;
  left: 0;
  top: 0;
}
div.btdownload  {background:url(../img/bt_download.gif) left top no-repeat;}
div.btdownload a{
  width: 400px;
  height: 50px;
  display:block;
}
div.btdownload  a:hover {background: url(../img/bt_download.gif)  0 -50px no-repeat;}

div.bthidoui {
  position:absolute;
  left: 471px;
  top: 0;
  width: 220px;
  height: 50px;
  margin:  0;
  padding: 0;
  text-indent: -9999px;
  background:url(../img/bt_hidoui.gif) left top no-repeat;
	display: none;
}
div.bthidoui a {
  width: 220px;
  height: 50px;
  display:block;
}

div.generalibox {
  width: 350px;
  float: left;
  margin: 0;
  padding: 10px;
}

div.jiabox {
  width: 349px;
  border-left: 1px solid #D1B37E;
  float: left;
  margin: 0;
  padding: 10px;
}


.supl {
  float: left;
  margin: 5px 0 5px 4px;
  padding: 0;
  width: 490px;
}

.supicon {
  float:left;
  width:  245px;
  height: 110px;
}

.supr {
  float: left;
  margin: 5px 0 5px 0;
  padding: 0;
  width: 260px;
}

.supr img {
  margin: 5px 0 0 0;
  padding: 0;
}

/*side */

.smenu {
  width: 220px;
  margin: 0 0 20px 0;
  padding: 0;
}
.smenu p {
  padding: 5px;
}

/*side article */
.sart {
  margin: 5px 2px 15px 2px;
  padding: 0;
}


.capimg {
  margin: 8px 8px;
}



/* Footer */

#footer {
  width: 760px;
  height: 120px;
  margin: 0;
  padding: 0;
  clear: both;
}

#seolink {
  width: 720px;
  height: 20px;
  padding: 5px 20px;
  text-align: right;
  clear: both;
}


/* 文字の装飾 */

p.cl {
  margin: 0;
  padding: 0;
  line-height: 0em;
  height: 1px;
  clear: both;
}

.clear {
	clear:both;
}


ul.list {
  margin: 10px 10px 10px 10px;
  padding: 0;
  list-style: none;
}

ul.list li {
  margin: 0;
  /*padding-left: 26px;*/
  line-height: 2em;
  font-size: 120%;
  font-weight: bold;
  color:#000000;
}

ul.check {
  margin: 10px 20px 10px 30px;
  padding: 0;
  list-style: none;
}

ul.check li {
  margin: 0;
  padding-left: 26px;
  line: 30px;
  line-height: 30px;
  background: url(../img/check_s.gif) left center no-repeat;
}

ul.note {
	margin: 5px 1em 2em 1em;
	padding: 0;
}

ul.note li {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 20px;
	list-style: none;
	background:url(file:///G|/img/m_note.gif) left top no-repeat;
}

dl.rei {
	margin: 1em 1em 2em 2.5em;
}

dl.rei dt {
	color: #993300;
	font-family: "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体",  serif;
	font-weight: nomal;
	font-size: 120%;
	text-indent: -1.5em;
}

dl.rei dd {
	margin: 5px 0 2em 0;
}


.artart {
  margin: 10px 30px;
}

.rcol {
  float: right;
  margin: 5px 5px 5px 10px;
  padding: 0;
}

.lcol {
  float: left;
  margin: 5px 10px 5px 5px;
  padding: 0;
}

.ccol {
   clear: both;
  text-align: center; 
  margin: 5px auto;
  padding: 0 5px;
}

/* rcol lcol ccol と一緒に使う　幅指定 */
.w550 {	width: 530px;}
.w494 {	width: 474px;}
.w400 {	width: 380px;}
.w370 {	width: 370px;}
.w310 {	width: 310px;}
.w266 {	width: 266px;}
.w160 {	width: 160px;}



p.caption {
	font-size: 90%;
	color:#333333;
	margin: 2px 2px;
	padding: 0;
	line-height: 1.2;
}

p.attention {
	font-weight: bold;
	color:#CC0000;
}

span.attention {
	font-weight: bold;
}

.point {
	font-size: 200%;
	color:#377949;
	font-weight: bold;
}

.bigattention {
	font-weight: bold;
	color: #CC0000;
}

.telbig {
	font-size: 110%;
	font-weight: bold;
	color: #CC0000;

}

.smallhead {
	font-weight: bold;
	font-size: 120%;
	color: #009966;
}
.smallhead2 {
	font-weight: bold;
	font-size: 120%;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-top: 1.5em;
	color: #CC3333;
}

.note {
	font-weight: normal;
	font-size: 90%;
	color:#CC0000;
}

p.pnote {
	margin-left: 3em;
	text-indent: -1em;
}

dl.moushikomi02 {

}
dl.moushikomi02 dt {
	font-size: 140%;
	font-weight: bold;
	color: #006633;
	text-indent: -1.5em;
	padding-left: 1.5em;
}
dl.moushikomi02 dd {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 2em;
}

p.cotype {
	margin: 10px 0 5px 0;
	font-size: 100%;
}
.coname {
	margin: 5px 0 5px 0;
	font-size: 140%;
	font-weight:bold;
}

pre {
	line-height: 1.1;
	font-size: 90%;
	color: #333333;
	overflow:scroll;
}

table {
	border-collapse: collapse;
	border: 1px solid #9CD99B;
	display:table;
	margin: 10px 0 3em 0;
}

th {
	border: 1px solid #9CD99B;
	padding: 3px;
	color: #377949;
	font-weight: bold;
}

td {
	border: 1px solid #9CD99B;
	padding: 3px;
}


table .consulfee {
	width: 500px;
	margin: 10px 0 3em 0;
}

table .consulfee th {
	border: 1px solid #9CD99B;

}

th.tm1 {
	width: 175px;
}

td.td1 {
	width: 308px;
}

table .consulfee td {
	border: 1px solid #9CD99B;

}

table .clubfee {
	width: 500px;
	margin: 10px 0 3em 0;
}

table.plan {
	border-collapse: collapse;
	border: 1px solid #008C31;
	display:table;
	margin: 10px auto 10px auto;
	padding: 0;

}
table.plan th {
	border-collapse: collapse;
	border: 1px solid #008C31;
}
table.plan th.ptype {
    width: 178px;
	height:  30px;
	font-size: 24px;
	background:url(../img/table_back.gif) left top repeat;
	text-align: center;
	color: #FFFFFF;
}
table.plan th.ph {
    width: 138px;
	height:  30px;
	font-size: 25px;
	background:url(../img/table_back.gif) left top repeat;
	text-align: center;
	color: #FFFFFF;
}
table.plan th.pht {
    width: 178px;
	background-color: #E0E0C0;
	color: #26794E;
	text-align: left;
	padding: 4px 10px;
}
table.plan td {
	border-collapse: collapse;
	border: 1px solid #008C31;
	text-align: right;
	padding: 4px 10px;
	color: #26794E;
}
table.plan th.osusume {
	color:#FF0000;
	font-weight:bold;
}
table.plan td.osusume {
	background:url(../img/osusume_back.gif) left top repeat;
	font-weight:bold;
}

table.mailform {
	border-collapse: collapse;
	border: 1px solid #9F7939;
	display:table;
	margin: 10px auto 10px auto;
	background:url(../img/b_brown.gif) left top repeat;
}

table.mailform th {
	text-align: left;
	padding: 4px 10px;
	width: 12em;
	border-top: 1px solid #9F7939;
	border-bottom: 1px solid #9F7939;
	border-right: 2px solid #9F7939;
}

table.mailform td {
	text-align: left;
	padding: 4px 10px;
	width: 30em;
	border-top: 1px solid #9F7939;
	border-bottom: 1px solid #9F7939;
}

strong.generali {
	display: block;
	text-indent: -9999px;
	width: 287px;
	height: 30px;
	background: url(../img/bt_generali.gif) left top no-repeat;
}
strong.generali a {
	display: block;
	width: 287px;
	height: 30px;
	text-indent: -9999px;
}

strong.europ {
	display: block;
	text-indent: -9999px;
	width: 150px;
	height: 48px;
	background: url(../img/bt_ea.gif) left top no-repeat;
}
strong.europ a {
	display: block;
	width: 150px;
	height: 48px;
	text-indent: -9999px;
}

div#italyvisa {
	position:relative;
}
div#italyvisa2 {
	width: 100%;
	height: 100%;
	position:relative;
	margin: 10px 0 20px 0;
	padding: 0;
}

div#italyvisa img.italyvisahanko {
	position: absolute;
	top: 20px;
	left: 532px;	
}
img.italyvisahanko2 {
	position: absolute;
	top: -30px;
	left: 560px;	
}

p.right-note {
	text-align: right;
	margin: 2px 0 2px 0;
	font-weight: bold;
	color: #CC0000;
}
span.underline {
	background: url(../img/underline.gif) left bottom repeat-x;
}
span.underlinered {
	background: (../img/underline_red.gif) left bottom repeat-x;
}

div.topdescription {
	margin: 20px 0 5px 0;
	padding: 0 20px;
}
div.topdescription p {
	margin: 0;
	padding: 0;
}
div.topdescription p strong {
	margin: 0;
	padding: 0;
	color:#000000;
	font-weight: bold;
}