/* CSS Document */

/*---------------------初期設定------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size:12px;
	color: #444444;
	line-height: 140%;
	letter-spacing: 0.05em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#f0f0f0;
}

p,h1,h2,h3,h4,ul,li,dl,dt,dd,ol {
	margin: 0;
	padding: 0;
	line-height: normal;
	letter-spacing: normal;
}
p,table p {
	line-height: 140%;
	letter-spacing: 0.05em;
}
table p {
	margin: 10px;
}
img {
    border: none;
	margin: 0;
	padding: 0;
}

a:link,a:visited {
	color: #0000ff;
	text-decoration: none;
}
a:hover,a:active {
	color: #0000ff;
	text-decoration: underline;
}

/*---------------------基本レイアウト------------------------*/
#home {
	background-image:url(../img/00_bg.gif);
	background-repeat:repeat-x;
}
#about,#magazine,#outline,#link {
	background-image:url(../img/00_bg.gif);
	background-repeat:repeat-x;
}
#header {
    width: 840px;
	height: 143px;
	padding: 0;
	margin: 0 auto;
	background: url(../img/00_header_bg.gif) no-repeat;
}
.header_logo {
	float: left;
	display: inline;
	margin-left: 30px;
	width: 535px;
	height: 70px;
	
}
.header_right {
    float: left;
	display: inline;
	width: 244px;
	height: 46px;
	margin-top: 24px;
	
}
.header_txt_box {
	width: 146px;
	height: 26px;
	margin-left: 90px;
	background: url(../img/00_txt_box.gif);
}
.header_small a {
    width: 21px;
	height: 21px;
    margin: 0 0 0 70px;
	display: inline;
	background: url(../img/00_header_t_s_on.gif);
	color: #FFFFFF;
    float: left;
}
.header_midium a {
    width: 21px;
	height: 21px;
    margin-left: 7px;
	display: inline;
	background: url(../img/00_header_t_m.gif);
	color: #FFFFFF;
    float: left;
}
.header_large a {
    width: 21px;
	height: 21px;
    margin-left: 6px;
	display: inline;
	background: url(../img/00_header_t_l.gif);
	color: #FFFFFF;
    float: left;
}
.header_midium a:hover {
	background-image: url(../img/00_header_t_m_on.gif);
}
.header_large a:hover {
	background-image: url(../img/00_header_t_l_on.gif);
}
.header_btn1 {
	float: left;
	display: inline;
	width: 140px;
	height: 20px;
	margin: 0;
	padding: 0;
}
.header_btn2 {
	float: left;
	display: inline;
	width: 104px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#main {
	width: 840px;
	background:url(../img/00_base.gif) repeat-y;
	margin: 0 auto;
	padding: 0;
}
#contents {
    width: 780px;
	margin: 0 auto;
}
#main-img {
    margin-bottom: 12px;
}
#f_navi {
    width: 660px;
	height: 20px;
	padding-top: 50px;
	margin:0 auto;
	text-align: center;
}
#f_navi li {
	display: inline;
	padding: 0 7px;
    list-style-type:none;
	border-right: 1px solid #0000ff;
}
#footer {
	width: 840px;
	height: 72px;
	padding: 0;
	margin: 0 auto;
	background: url(../img/00_footer.gif) no-repeat;
}
#copy {
	background: #000000;
}
.copy_box {
    width: 840px;
	height: 50px;
	padding-top: 5px;
	margin: 0 auto;
	text-align: right;
	color: #FFFFFF;
}


/*---------------------ナビゲーション main------------------------*/
#navi {
	width: 780px;
	height: 44px;
	margin-left: 30px;
	margin-top: 15px;
	background: url(../img/00_navi.gif) no-repeat;
}	
#navi ul{
	list-style: none;
	margin:0;
	padding:0;
}
#navi li {
	float: left;
	height: 44px;
}
#navi li a {
	display: block;
	height: 44px;
}			
#navi li#navi01 a {
	width: 156px;
	height: 44px;
}
#navi li#navi01 a:hover {
	width: 156px;
	height: 44px;
	background: url(../img/00_navi.gif) 0 bottom;	
}			
#navi li#navi02 a {
	width: 156px;
	height: 44px;
}
#navi li#navi02 a:hover,#about #navi li#navi02 a {
	width: 156px;
	height: 44px;
	background: url(../img/00_navi.gif) -156px bottom;	
}
#navi li#navi03 a {
	width: 156px;
	height: 44px;
}
#navi li#navi03 a:hover,#magazine #navi li#navi03 a {
	width: 156px;
	height: 44px;
	background: url(../img/00_navi.gif) -312px bottom;	
}
#navi li#navi04 a {
	width: 156px;
	height: 44px;
}
#navi li#navi04 a:hover,#outline #navi li#navi04 a {
	width: 156px;
	height: 44px;
	background: url(../img/00_navi.gif) -468px bottom;	
}
#navi li#navi05 a {
	width: 156px;
	height: 44px;
}
#navi li#navi05 a:hover,#link #navi li#navi05 a {
	width: 156px;
	height: 44px;
	background: url(../img/00_navi.gif) -624px bottom;	
}

/*---------------------ナビゲーション　left------------------------*/
#navi_left {
	width: 215px;
	float:left;
	display: inline;
}
/*---------------------全ページ共通------------------------*/

.clear {
    clear: both;
}
#contents2 {
	width: 780px;
	margin: 0 auto;
	background-image: url(../img/00_con_bg.gif);
}
#contents_right {
	width: 550px;
	float: left;
	margin-left: 15px;
}

.pankuzu {
	width: 550px;
	height: 30px;
	background-image: url(../img/00_pankuzu_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 18px;
}
.pankuzu p {
	margin-top: 3px;
	margin-left: 15px;
}
.pankuzu2 {
	width: 780px;
	height: 30px;
	background-image: url(../img/00_pankuzu_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 18px;
}
.pankuzu2 p {
	margin-top: 3px;
	margin-left: 15px;
}

.con_title {
	width: 209px;
	height: 53px;
	margin: 3px auto 0 auto;
	padding: 0;
}
.con_title2 {
	width: 550px;
	height: 50px;
	margin-bottom: 20px;
	background-image: url(../img/00_con_title02.gif);
}
.con_title2 h3 {
	font-size: 18px;
	color: #305da7;
	margin-left: 25px;
	padding-top: 13px;
	text-decoration: none;
	letter-spacing: 0.2em;
}
.con_title3 {
	width: 550px;
	height: 25px;
	margin-bottom: 20px;
	background-image: url(../img/00_con_title03.gif);
}
.con_title3 h4 {
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 25px;
	padding-top: 5px;
	letter-spacing: 0.2em;
}
.con_title3 p {
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 12px;
	padding-top: 3px;
	letter-spacing: 0.01em;
}
.con_title4 {
	width: 530px;
	height: 25px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #CCCCCC;
}
.con_title4 p {
	font-size: 14px;
	color: #305da7;
	margin-left: 5px;
	font-weight: bold;
}
.con_title5 {
	width: 530px;
	height: 25px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}
.con_title5 p {
	color: #FF8C1A;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}
.con_title6 {
	width: 700px;
	height: 25px;
	margin:5px auto 12px auto;
	
}
.con_title6 p {
	font-size: 14px;
	color: #305da7;
	margin-left: 5px;
	font-weight: bold;
}
.con_title7 {
	width: 780px;
	height: 50px;
	margin:0 auto 20px auto;
	background-image: url(../img/00_con_title_p.gif);
}
.con_title7 h3 {
	font-size: 18px;
	color: #305da7;
	margin-left: 25px;
	padding-top: 13px;
	text-decoration: none;
	letter-spacing: 0.2em;
}
.con_title_li {
	width: 780px;
	height: 25px;
	margin:0 auto 20px auto;
	background-image: url(../img/00_con_title03_p.gif);
}
.con_title_li h4{
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 25px;
	padding-top: 5px;
	letter-spacing: 0.2em;
}
.con_box1 {
	width: 530px;
	margin:0 auto 20px auto;

}
.con_box1,p,table,ul,ol {
	margin-bottom: 20px;
	line-height: 160%;
}
.con_box1 li {
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 140%;
}
.con_box2 {
	width: 530px;
	margin:0 auto 20px auto;
	border-bottom: 1px dashed #CCCCCC;
}
.con_box2,p,table,ul,ol {
	margin-bottom: 20px;
	line-height: 160%;
} 
.con_box2 li {
	margin-left: 25px;
	margin-bottom: 10px;
	line-height: 140%;
}
.con_box3 {
	width: 530px;
	margin:0 auto 10px auto;

} 
.con_box3,p,table,ul,ol {
	margin-bottom: 10px;
	line-height: 160%;
}
.con_box3 li {
	margin-left: 25px;
	margin-bottom: 5px;
	line-height: 140%;
}

.con_box4 {
	width: 700px;
	margin:10px auto 30px auto;
	line-height: 150%;
	border-bottom: 1px #CCCCCC dashed;
	border:#dddada 1px solid;
	padding:0 5px;
}

.con_box4 p{
	line-height: 120%;
}
.con_box5 {
	width: 450px;
	margin-bottom: 10px;
	padding:0 30px;
}
.con_box5,p,table,ul,ol {
	margin-bottom: 20px;
	line-height: 160%;
}
.con_box5 li {
	margin-left: 25px;
	margin-bottom: 10px;
	line-height: 140%;
}

.con_box6 {
	width: 680px;
	margin:0px auto 30px auto;
	height: 110px;
	border-bottom: 1px #CCCCCC dashed;
}

.con_box_lin{
	width:280px;
	margin-right:10px;
	float:left;

}
.con_box_em {
	width: 530px;
	margin: 0 auto;
}
.con_box_em p{
	border-bottom:#cccccc 1px dashed;
	margin-left:5px;
	padding-left: 5px;
}


.con_line_box01 {
	width: 480px;
	padding: 10px 10px 0 10px;
	border: 1px solid #CCCCCC;
	margin:0 auto 20px auto;
}
.con_line_box01,p,table,ul,ol {
	line-height: 160%;
	margin:0 auto 10px auto;
	/*padding-left: 10px;*/
}
.con_line_box01 li {
	margin-left: 25px;
	margin-bottom: 5px;
	line-height: 140%;
}

.back_btn {
	width: 133px;
	margin:0 0 0 417px;
}
.back_btn2 {
	width: 133px;
	margin:0 0 0 647px;
}
.back_btn3 {
	width: 133px;
	margin:0 0 20px 417px;
}
.right {
	float: right;
	padding: 0 10px 5px 10px;
}
.pb30 {
	padding-bottom: 30px;
}
/*------------------------テキスト--------------------------*/
.txt_01 {
	color: #305da7;
	font-weight: bold;
}
.txt_02 {
	color: #305da7;
	font-weight: bold;
	font-size: 14px;
	padding-left: 15px;
	margin-bottom: 5px;
}
.txt_03 {
	color: #FF0000;
	font-weight: bold;
}
.txt_04 {
	font-size: 14px;
}
.txt_05 {
	color: #305da7;
}
.txt_06 {
	color: #305da7;
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
	margin: 20px 0 5px 0;
}
.txt_07 {
	font-size: 11px;
}
/*------------------------TOPページ--------------------------*/

#top_left {
    width: 248px;
	border: 1px #cccccc solid;
	padding-bottom: 56px;
	float: left;
}
#top_right {
    width: 509px;
	margin-top: 12px 0 0 20px;
	float: right;
}
.top_bana1 {
    width: 230px;
    margin: 15px auto 0 auto;
}
.top_bana2 {
    width: 230px;
	height: 124px;
	background-image: url(../img/top_left_btn03-b.gif);
	background-position: bottom;
	background-repeat: no-repeat;
    margin: 15px auto 0 auto;
}
.top_bana2_btn {
	width: 213px;
	height: 30px;
	margin: 8px auto 0 auto;
	padding: 0;
}
.top_bana3 {
    width: 217px;
    margin: 13px auto 0 auto;
}

.topics {
	width: 490px;
	height: 170px;
	padding: 0 9px 10px 10px;
	background-color: #f5f5f5;
}

.topics_lang {
	height: 22px;
	margin: 15px 0 5px 0;
	float: left;
}
.topics ul {
    clear: both;
    width: 438px;
	height: 120px;
	overflow: auto;
	background-color: #ffffff;
	padding: 7px 26px 4px 26px;
}
.topics li {
    list-style: none;
	background: url(../img/00_list-style.gif) 5px 12px no-repeat; 
	line-height: 140%;
	letter-spacing: 0.05em;
	border-bottom: 1px #cccccc dashed;
	padding: 10px 15px 7px 25px;
	clear: both;
}
.topics02 {
    width: 490px;
	height: 160px;
	padding: 0 9px 10px 0;
	margin-top: 25px;
	background-color: #f5f5f5;
}

.topics_lang02 {
	height: 22px;
	margin: 15px 0 5px 0;
	float: left;
}
.topics02 ul {
    clear: both;
    width: 438px;
	height: 120px;
	padding: 4px 26px 4px 36px;
}
.topics02 li {
    list-style: none;
	background: url(../img/00_list-style02.gif) 5px 12px no-repeat; 
	line-height: 140%;
	letter-spacing: 0.05em;
	border-bottom: 1px #cccccc dashed;
	padding: 10px 15px 7px 25px;
}
.pick-up01 {
	width: 509px;
	height: 149px;
	background: url(../img/top_con01.gif);
	margin-top: 25px;
}
.pick-up02 {
    width: 509px;
	height: 120px;
	background: url(../img/top_con02.gif);
	margin-top: 15px;
}
.button {
	margin: 68px 227px 9px 130px;
	width: 153px;
	height: 23px;
}
/*----------------------プライバシーポリシー・リンク・名簿-------------------------*/
.con_box_p {
	width: 700px;
	margin:0 auto 20px auto;
	line-height: 150%;
	border-bottom: 1px #CCCCCC dashed;
	padding:0 5px 25px 5px ;
}

.con_box_p p{
	line-height: 120%;
}

.con_txt_l {
	width:680px;
	height:25px;
	margin:3px auto 0px auto;
	font-size: 12px;
	color: #305da7;
	margin-left: 10px;
	font-weight: bold;
	border-top:1px #CCCCCC dashed;
	padding-top:5px;
	
}
.line-lp{
	width: 700px;
	margin:0 auto 20px auto;
	border-bottom: 1px dashed #CCCCCC;
}
	
.con_title_emp {
	width: 550px;
	height: 25px;
	margin:20px auto 15px auto;
	background-image: url(../img/00_con_title03.gif);
}
.con_title_emp h4 {
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 25px;
	padding-top: 5px;
	letter-spacing: 0.2em;
}
.con_emp01 {
	width: 550px;
	margin:0 auto 20px auto;
	border-bottom: 1px dashed #CCCCCC;
}
.map{
	width:425px;
	height:350px;
	border: 1px solid #999999;
	padding: 10px 10px 20px 10px;
	float:right;
	margin-bottom: 20px;
}
.map01{
	width:310px;
	float:left;
	margin-right:5px;
	padding: 5px 0 0 10px;
}
.m-title{
	width:300px;
	height:40px;
	border-bottom:#CCCCCC 1px dashed;
	padding-bottom: 5px;
}

.m-logo{
	float:left;
	margin:0 7px 0px 0px;
}
.mcon_box2 {
	width: 780px;
	margin:0 auto 20px auto;
	border-bottom: 1px dashed #CCCCCC;
}


.news_g {
	width: 420px;
	margin: 10px auto;
	background-color: #ededed;
	padding: 10px;
}