@charset "shift_jis";
/*==================================================================================== 

contents.css v1
2006/09/20


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


/* tag ----------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	/*color: #333;*/
	color: #FFFFFF
	background: #6DA4E0 url(../images/bg.jpg) repeat-x 0px 0px;
	font-family: "tahoma", "ms ui gothic", "lucida grande", "ヒラギノ丸ゴ pro w4", "osaka", "ms pゴシック" sans-serif;
	
	/*  \*/
	font-size: 73%;
	line-height: 170%;
	/* */
	font-size: 80%;
	line-height: 140%;
	/*  \*/
	font-size: 73%;
	line-height: 170%;
	/* */
	
	/*  \*/
	letter-spacing: 0.1em;
	/* */
	letter-spacing: normal;
	/*  \*/
	letter-spacing: 0.1em;
	/* */
	
}


a{
	color: #0000FF;
	text-decoration: underline;
}

h1,h2,h3,h4,h5{
	font-size:100%;
	/*text-indent:-9999px;*/
	margin:0px;
	padding:0px;
}

li{
	list-style: none;
}

img{
	border:none;
}

.Clear{
	clear:both;
}
/* tag ----------------------------------------------------------------*/


/* Global ----------------------------------------------------------------*/
#Global{
	background:url(../images/global-inbg.jpg) repeat-y;
	width:830px;
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;	
}

#GlobalHead{
	background:url(../images/global-headbg.jpg) no-repeat 0px 0px;
	width:830px;
	height:auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;	
}

#Globalin{
	width:800px;
	height:auto;
	margin: 0px;
	padding: 0px 15px;
}
/* Global ----------------------------------------------------------------*/



/* Header ---------------------------------------------------------------- */
#Header{
	width:800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:170px;
}

#Headerleft{
	width:339px;
	margin:0px;
	height:117px;
	padding:0px;
	float:left;
}

#Header h1{
	width:339px;
	margin:0px;
	height:115px;
	padding:0px;
	background:#000000 url(../images/logo.jpg) no-repeat;
}
#Header h1 a{
	text-indent: -9999px;
	margin:0px;
	width:339px;
	height:117px;
	padding:0px;
	background: url(../images/logo.jpg) no-repeat;
16:52 2010/07/24	display:block;
	text-decoration: none;
}

#Headerright{
	margin:0px;
	padding:0px 0px 0px;
	width:455px;
	float:right;
}
#HeaderMitumoriTop{
	width:396px;
	height:30px;
	padding:85px 17px 0px 42px;
	margin:0px 0px 0px 0px;
	background:url(../images/mitumori.jpg) top no-repeat;
}


/* Header ----------------------------------------------------------------*/

/* Navigation ----------------------------------------------------------------*/
#Navigation{
	margin:0px 0px 0px 0px;
	padding: 0px;
	width:800px;
	height:46px;
}
#Navigation ul{
	margin: 0px;
	padding: 0px;
}
#Navigation li{
	margin: 0px;
	padding: 0px;
}


#NavigationFoot{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:330px;
	height:24px;
}
#NavigationFoot ul{
	margin: 0px;
	padding: 0px;
}
#NavigationFoot li{
	margin: 0px;
	padding: 0px;
}


#NavigationLeft{
	margin:17px 10px 0px 8px;
	padding: 0px;
	width:281px;
	height:322px;
}
#NavigationLeft ul{
	margin:0px;
	padding: 0px;
}
#NavigationLeft li{
	margin:0px;
	padding: 0px;
}


/* /Navigation ----------------------------------------------------------------*/

/* Footer ----------------------------------------------------------------*/
#Footer{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width:800px;
	height:140px;
	background: url(../images/foot-bg.jpg) no-repeat 0px 0px #fff;
}
#Footer img{
    padding: 0px;
	margin: 0xp;
}
#FooterLeft{
	width:330px;
	padding: 11px 0px 0px 0px;
	height:24px;
}

#FooterBottom{
	width:750px;
	height:86px;
	padding: 5px 10px 0px 20px;
	background: url(../images/fbc.jpg) no-repeat 0px 0px;
	text-align: right;
	font-size: 85%;
	letter-spacing: normal;
	line-height: 160%;
}
#FooterBottom .Nadeshico{
    float:left;
	padding:0px 0px 0px 60px;
	margin: 0px;
}
#FooterBottom img{
	margin-bottom: 2px;
	float:right;
	padding:0px 0px 0px 5px;
}
#FooterBottom p{
	margin:0px;
	padding:0px 5px;
}
/* /Footer ----------------------------------------------------------------*/

/* Main ----------------------------------------------------------------*/
#TopImage{
	width:800px;
/*	height:190px;
	margin:0px;
	padding: 0px;
	background:url(/images/top2.jpg) no-repeate top;
*/
}

#movie{
  float:left;
  width:320px;

}
#image{
  float:right;
  width:480px;
  
}
#Contents{
	width:800px;
	height:auto;
	margin:0px 0px 20px 0px;
	padding:0px 0px;
	background: url(../images/contents-top-bg.gif) no-repeat top center;
}

#ContentsLeft{
	width:306px;
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	height:auto;
	background:#fff url(../images/line.gif) no-repeat top center;
}

#ContentsLeft h2{
	font-size:100%;
	margin:0px 0px 5px 0px;
	padding: 0px;
}

#ContentsLeft h3{
	font-size:100%;
	margin:0px;
	padding: 0px;
	font-weight: normal;
	color: #CC0000;
}

#ContentsLeft p{
	font-size:100%;
	margin:0px;
	padding: 0px;
	font-weight: normal;
}

#ContentsLeft p.date{
	color:#1E4BB3;
}

#ContentsLeft dl{
	margin:0px;
	padding: 5px 0px 10px 0px;
	background: url(../images/sideline.jpg) repeat-x left bottom;
	background-position:bottom;
}
#ContentsLeft dt{
	margin:0px;
	padding: 0px;
	font-weight: bold;
}

#ContentsLeft dd{
	margin:0px;
	padding: 0px;
}
#ContentsLeft ul{
	margin:0px;
	padding: 0px;
}

#ContentsLeft li{
	margin:0px 0px 5px 0px;
	padding: 0px;
}


#osirase {
	padding:0px 0px 0px 0px;
}

#LeftNavi{
	width:300px;
	height:402px;
	margin:6px 3px 12px 3px;
	background: url(../images/navi-bg.jpg);
	font-size:11px;
	line-height:115%;
}

#LeftNaviHead{
	width:300px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/leftnavi-head.jpg) repeat-x 0px 0px;
}
/*#LeftNaviIn{
	width:287px;
	padding:17px 0px 22px 10px;
}
*/
#LeftNavi h2{
	margin:0px;
	padding:0px;
	width:300px;
	height:41px;
}

#MailMagazine{
	width:306px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/mailqrbg.jpg) 0px 0px;	
}

#MailMagazineHead{
	width:306px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/mailhead.jpg) repeat-x 0px 0px;
}


#MailMagazineBottom{
	width:306px;
	height:8px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/mailqrbottom.jpg) no-repeat 0px 0px;
}

#MailMagazine h2{
	background:url(../images/mail-h2.jpg);
	text-indent: -9999px;
	width:306px;
	height:35px;
}

#MailMagazineText{
	width:264px;
	padding:11px 22px 13px 20px;
	margin:0px;
	line-height:115%;
}
/*Jung Banner Text add 2010.0202*/

#BannerHead{
	height:8px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/bannertop.jpg) no-repeat 0px 0px;


}

#BannerText{

	width:304px;
	padding:1px 1px 1px 1px;
	margin:0px;
	line-height:115%;
}

#BannerBottom{
width:306px;
	height:8px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/bannerbottom.jpg) no-repeat 0px 0px;
}



#SubBannerHead{
	width:202px;
	height:8px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/bannertop.jpg) no-repeat 0px 0px;


}



#SubBannerText{

	width:200px;
	padding:1px 1px 1px 1px;
	margin:0px;
	line-height:115%;
}

#SubBannerBottom{
width:202px;
	height:8px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/bannerbottom.jpg) no-repeat 0px 0px;
}





/*until here*/

#MailMagazineText{
	width:264px;
	padding:11px 22px 13px 20px;
	margin:0px;
	line-height:115%;
}


#MailMagazineForm{
	width:291px;
	padding:0px 0px 0px 15px;
	margin:0px;
	line-height:115%;
}

#MailMagazineIn{
	width:306px;
}

#MgzForm{
	width:280px;
	height:60px;
	padding:13px 0px 0px 0px;
	background:url(../images/form-bg.jpg) no-repeat;
}

/* Form ----------------------------------------------------------------*/
#MgzForm form{
	padding-left:10px;
}

input.form_b{
	color:#ffffff;
	background:#1E2349;
 	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	cursor:hand;
}

input.form_r{
	font-size:12px;
	margin-top:3px;
	margin-left:10px;
}

input.from_a{ 
 	border-color: #333333;
	border-width: 1px;
	border-style: solid;
	color:#333333;
}

/* Form ----------------------------------------------------------------*/

#QrCode{
	width:306px;
	margin:6px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/mailqrbg.jpg) 0px 0px;	
}

#QrCodeHead{
	width:306px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/qrhead.jpg) repeat-x 0px 0px;
}

#QrCodeBottom{
	width:306px;
	height:8px;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:11px;
	line-height:115%;
	background:url(../images/mailqrbottom.jpg) no-repeat 0px 0px;
}

#QrCode h2{
	background:url(../images/qr-h2.jpg);
	text-indent: -9999px;
	width:306px;
	height:38px;
}

#QrCodeIn{
	width:306px;
}

#QrCodeImg{
	width:100px;
	padding:15px 0px 12px 20px;
	float:left;
}

#QrCodeText{
	width:155px;
	padding:26px 26px 0px 5px; 
	margin:0px;
	float:left;
}

#ContentsRight{
	width:490px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px;
	float: right;
	background:#FFFFFF;
}

#ContentsRight ul{
	margin:0px;
	padding: 0px;
}

#ContentsRight li{
	margin:0px 0px 15px 0px;
	padding: 0px;
	
}

#ContentsRight p{
	margin:0px 0px 15px 0px;
	padding: 0px;
}

#ContentsRight dl{
	margin:0px 5px 7px 25px;
	padding:0px 0px 7px 0px;
	border-bottom:1px dotted #cccccc;
}

#ContentsRight dt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#0025AB;
	font-size:11px;
}

#ContentsRight dd{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#TopText{
	width:490px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../images/tokkyo.jpg) top no-repeat;
}

#TopTextIn{
	/*background:url(../images/top-textbg.jpg) no-repeat;*/
	width:470px;
	padding:14px 10px;
	margin:0px 0px 0px 0px;
	line-height:150%;
}

#TopTextIn .Mitumori{
	width:400px;
	height:30px;
	padding:71px 0px 0px 35px;
	margin:0px auto;
	background:url(../images/mitumori3.jpg) top no-repeat;
}


#TopText h2{
	width:440px;
	height:40px;
	padding:26px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	font-size:18px;
	color:#FFFFFF;
	background:url(../images/top-texth2.jpg);
}
#ContentsRight ul{
	margin:5px;
	padding:0px;
}
#ContentsRight li{
	margin:0px 0px 3px;
	padding:5px 0px 5px 25px;
	background:url(../images/index_clip_image001.gif) no-repeat 0px 4px;
}
#ContentsRight #TopText p{
	margin:0px 0px 5px;
}	
#Topics{
	width:455px;
	padding:0px 0px 0px 20px;
	margin:0px 0px 20px 0px;
	line-height:140%;
}

#Topics h2{
	width:455px;
	height:59px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 1px 0px;
	font-weight:bold;
	font-size:18px;
	color:#FFFFFF;
	text-indent: -9999px;
	background:url(../images/topics-h2.jpg) no-repeat center;
}

#TopicsIn{
	width:455px;
	padding:13px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../images/topics-bg.jpg) no-repeat center top;
}


#Mitumori{
	width:435px;
	height:30px;
	padding:85px 15px 0px 30px;
	margin:0px 0px 0px 0px;
	background:url(../images/mitumori.jpg) top no-repeat;
}

#blogtopics{
	width:400px;
	height:auto;
	padding:50px 0px 20px 0px;
	background:url(../images/blogtopics.jpg) no-repeat top left;
}

#blogtopics p{
	padding:0px 20px 0px 20px;
}


/* Main ----------------------------------------------------------------*/
/*Contact--------*/

.ErrText{
	color: #FF0000;
}



/* Navigation -----------------------------------------------------------*/

/*-----------------------------------------------------
 // 区切り線
-----------------------------------------------------*/
/*--- // 本来の区切り線を非表示に // ---*/
hr {
	display:none;
}

.line_001 {
	background:url(../images/bar.gif) no-repeat top center;
	width:400px;
	height:1px;
	margin:10px 0;
}

.line_002 {
	background:url(../images/bar.gif) no-repeat top center;
	width:400px;
	height:1px;
	margin:5px 0;
}

.Center{
	text-align:center;
	margin:0px auto;
	color:#003399;
}




form{
	margin:0px;
	padding:0px;
}

.floatLeft{
	float:left;
	margin:0px 5px 0px 0px;
}