@charset "UTF-8";



body {
	font-family: メイリオ, MSPゴシック,Osaka,sans-serif;
	font-size: 15px;
	line-height: 2;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #E30021 url(dougap-trip01/images/bg3.gif);
}


textarea {
	font-size: 11px;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
a {
	color: #333333;
}
a:hover {
	color: #E30021;
}
img {
	border: none;
}
.look {
	background: #efefef;
}
table#table-01 {
    width: 520px;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: #cccccc;
	color:#000000;
	font-size:14px;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
		font-size:14px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
}

table#table-02 {
    width: 520px;

    border-collapse: collapse;
    border-spacing: 0;
}

table#table-02 th {
    padding: 5px;

    background: #669933;
	color:#FFFFFF;
	width:150px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-02 td {
    padding: 5px;
		width:150px;

}

table#table-03 {
    width: 520px;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-03 th {
    padding: 5px;
	color:#000000;
	font-size:14px;
    line-height: 120%;
	text-align:left;
}
table#table-03 td {
    padding: 5px;
		font-size:14px;
}
table#table-04 {
    width: 600px;
    border: 1px #C0C0C0 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-04 th {
    padding: 5px;
    border: #C0C0C0 solid;
    border-width: 0 0 1px 1px;
    background: #dde5e9;
	color:#000000;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-04 td {
    padding: 5px;
    border: 1px #C0C0C0 solid;
    border-width: 0 0 1px 1px;
}



/*?????N????J?[?\?????????????????????
---------------------------------------------------------------------------------------*/
#contents a:hover img {
filter: Alpha(opacity=80);
opacity: 0.8; /*firefox safari*/
}



/*???i?e?[?u??
---------------------------------------------------------------------------------------*/
.box {
	margin: 10px auto 20px;
}
.box img {
	padding: 4px;				
	border: 1px solid #CCCCCC;	
	margin: 2px;
}
.box td {
	vertical-align: top;
	text-align: center;
	font-size: 10px;
	padding-bottom: 0.5em;
}
.box a {
	text-decoration: none;
}
.box a:hover img {
	border: 1px solid #E30021;	
}




/*?R???e?i?[
---------------------------------------------------------------------------------------*/
#container {
	background: url(dougap-trip01/images/container_bg.gif) repeat-y;
	text-align: left;
	width: 712px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;
}



/*?w?b?_?[
---------------------------------------------------------------------------------------*/
#header {
	height: 20px;
}
#header2 {
	background: url(images/header_bg-ryokoukaiwa.gif) no-repeat;
	height: 130px;
}
#header h1 {
	font-size: 11.5px;		
	color: #666666;			
	line-height: 1.2em;
	font-weight: normal;	
	padding-right: 20px;
	padding-top: 3px;
	text-align:right
}



/*???C?????j???[
---------------------------------------------------------------------------------------
????????display:inline?????????????A?r???_?[??W????c???????????float????
---------------------------------------------------------------------------------------*/
ul#menu {
	width: 898px;
	margin-right: auto;
	margin-left: auto;
}
ul#menu li {
	float: left;
}
ul#menu img {
	vertical-align: bottom;
}

?id bigs
---------------------------------------------------------------------------------------*/
ul#bigs {
	width: 280px;
	margin-right: auto;
	margin-left: auto;
}
ul#bigs li {
	float: left;
}
ul#bigs img {
	vertical-align: bottom;
}


/*?R???e???c
---------------------------------------------------------------------------------------*/
#contents {
	clear: left;	
	width: 698px;
	margin-right: auto;
	margin-left: auto;
}



/*???C???i?E???j?R???e???c
---------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 698px;
	display: inline;
	padding-bottom: 30px;
}
#main h2 {
	font-size: 14px;
	background:  url(images/h2-2bg.gif) no-repeat;	
	color: #FFFFFF;		
	text-align: center;	
	line-height: 28px;
}
#main h3 {
	font-size: 13px;
	background:  url(images/h3bg.gif) no-repeat;
	color: #FFFFFF;		
	padding: 2px 0px 2px 32px ;
	line-height: 28px;
}
#main h4 {
	font-size: 13px;
	background:  url(images/h4-2bg.gif) no-repeat;
	color: #FFFFFF;		
	padding: 2px 0px 2px 32px ;
	line-height: 28px;
}
#main h5 {
width:500px;
	font-size: 16px;
	font-weight:bold;
	color:#006600;
padding:5px 0 5px 15px;
border-bottom:#008040 4px solid;
	line-height: 28px;
}
#main h6 {
	font-size: 15px;
	background:  url(images/h6bg.gif) no-repeat;
	color: #FFFFFF;		
	padding: 2px 0px 2px 32px ;
	line-height: 40px;
}


#main p {
	padding: 0.5em 55px 1em;
	text-indent: 1em;
	margin: 0.1em 0px;
}



/*?T?C?h?i?????j?R???e???c
---------------------------------------------------------------------------------------*/
#side {
	float: left;
	width: 300px;
	padding-top: 30px;
	padding-bottom: 100px;
}
#side h2 {
	font-size: 100%;
	height:36px;
	background: #000000 url(images/sideh2.gif);	
	color: #FFFFFF;			
		padding-left: 20px;	
line-height:300%; 
		font-weight:bold;
}
#side h3 {
	font-size: 100%;
	height:30px;
	background: #000000 url(images/h3_bg.gif);	
	color: #FFFFFF;			
	letter-spacing: 0.2em;	
	text-align: center;		
}

#side p {
	padding: 0px 10px 1em;
}


kaiwaside2
---------------------------------------------------------------------------------------*/
#side2 {
	float: left;
	width: 300px;
	padding-top: 30px;
	padding-bottom: 100px;
}
#side2 h2 {
	font-size: 100%;
	height:36px;
	background: #000000 url(images/sideh2.gif);	
	color: #FFFFFF;			
		padding-left: 20px;	
line-height:300%; 
		font-weight:bold;
}
#side2 h3 {
	font-size: 100%;
	height:30px;
	background: #000000 url(images/h3_bg.gif);	
	color: #FFFFFF;			
	letter-spacing: 0.2em;	
	text-align: center;		
}

#side2 p {
	padding: 0px 10px 1em;
}


/*?T?C?h???j???[
---------------------------------------------------------------------------------------*/
ul.sidemenu {
	margin-bottom: 20px;
}
ul.sidemenu li a {
	line-height: 36px;
	background: url(images/submenu_bg.gif) no-repeat;	
	width: 280px;
	padding-left: 20px;
	display: block;
	color: #333333;
	text-decoration: none;
}
ul.sidemenu li a:hover {
	background: url(images/submenu_bg_over.gif) no-repeat;
	color: #333333;
}



/*?T?C?h???j???2[
---------------------------------------------------------------------------------------*/
ul.sidemenu2 {
	margin-bottom: 20px;
}
ul.sidemenu2 li a {
	line-height: 36px;
	background: url(images/bigsubmenu_bg.gif) no-repeat;	
	width: 280px;
	padding-left: 20px;
	display: block;
	color: #333333;
	text-decoration: none;
}
ul.sidemenu2 li a:hover {
	background: url(images/submenu_bg_over.gif) no-repeat;
	color: #333333;
}

kaiwakouzasidemenu3
---------------------------------------------------------------------------------------*/
ul.sidemenu3 {
	margin-bottom: 20px;
}
ul.sidemenu3 li a {
	line-height: 36px;
	background: url(images/submenu3_bg.gif) no-repeat;	
	width: 220px;
	padding-left: 20px;
	display: block;
	color: #333333;
	text-decoration: none;
}
ul.sidemenu3 li a:hover {
	background: url(images/submenu_bg_over.gif) no-repeat;
	color: #333333;
}
sidebig
---------------------------------------------------------------------------------------*/
ul.bigsidemenu {
	margin-bottom: 20px;
}
ul.bigsidemenu li a {
	line-height: 36px;
	background: url(images/submenu_bg.gif) no-repeat;	
	width: 280px;
	padding-left: 20px;
	display: block;
	color: #333333;
	text-decoration: none;
}xt-align: center;		
}
ul.bigsidemenu li p {
	padding: 0px 10px 1em;
}

news-new
---------------------------------------------------------------------------------------*/
ul.sample01 {   
    width: 400px;   
    margin-bottom: 30px;   
    padding: 10px;   
    border: 1px solid #999;   
}   
ul.sample01 li {   
    position: relative;   
    margin: 0 50px 5px 20px;   
    padding: 5px 100px 5px 55px;   
    background: url(images/newsbonew.gif) no-repeat 2px .9em;   
    border-bottom: 1px dotted #999;   
}   
ul.sample01 li a {   
    font-weight: bold;   
}   
ul.sample01 li span {
	display: block;
	position: absolute;
	top: 5px;
	left: 400px;
	width: 70px;
}   
ul.sample01 li > span {   
    right: 0;   
}  

news
---------------------------------------------------------------------------------------*/
ul.sample02 {   
    width: 400px;   
    margin-bottom: 30px;   
    padding: 10px;   
    border: 1px solid #999;   
}   
ul.sample02 li {   
    position: relative;   
    margin: 0 50px 5px 20px;   
    padding: 5px 100px 5px 25px;   
    background: url(images/newsbo.gif) no-repeat 2px .9em;   
    border-bottom: 1px dotted #999;   
}   
ul.sample02 li a {   
    font-weight: bold;   
}   
ul.sample02 li span {
	display: block;
	position: absolute;
	top: 5px;
	left: 400px;
	width: 70px;
}   
ul.sample02 li > span {   
    right: 0;   
}  

lessonli
---------------------------------------------------------------------------------------*/
ul.lessonlist {   
    width: 400px;   
    margin-bottom: 30px;   
    padding: 10px;   
    border: 1px solid #999;   
}   
ul.lessonlist li {   
    position: relative;   
    margin: 0 20px 5px 20px;   
    padding: 5px 20px 5px 35px;   
    background: url(images/pen1.gif) no-repeat 0px .9em;   
    border-bottom: 1px dotted #999;   
}   
ul.lessonlist li a {   
    font-weight: bold; 
	color:#0000FF;  
}   
/*?t?b?^?[
---------------------------------------------------------------------------------------*/
#footer {
	clear: both;			
	background: #E30021;	
	text-align: center;		
	color: #FFFFFF;	
		width:695px;
	}
#footer a {
	color: #FFFFFF;
}
.zhcn {
	font-family: SimHei, SimSun, "MS UI Gothic", sans-serif;
	font-size: 13px;
}
.zhcn15p {
	font-family: SimHei, SimSun, "MS UI Gothic", sans-serif;
	font-size: 15px;
}
.phrasejapa {
	font-size: 16px;
	font-weight:bold;
	text-indent:20px;
	vertical-align:middle; 
}
.list {
background:url(images/yajirusi.gif) left top no-repeat;  
  padding-left:13px; 
 list-style-position: outside ;
}
.listdisc {
  margin-left:70px; 
  padding-top:10px;
  list-style:disc;
  margin-right:50px;
}
.list02 {
  margin-left:70px; 
  padding-top:10px;
  margin-right:50px;
  list-style:decimal;
}

.listpoint {
background:url(images/bikkuri.gif) left top no-repeat;  
  padding-left:13px; 
 list-style-position: outside ;
}
.listexample {
background:url(images/example.gif) left top no-repeat;  
  padding-left:35px; 
 list-style-position: outside ;
 	line-height: 1px;
}
.border2 {
border-width : 1px ; 
border-style : solid ;
border-color : #808040
}

.imageyohaku20sentuki {
margin:20 ;
border-width : 10px ; 
border-style :solid ;
border-color : #ff4500
}
.imageyohaku30sentuki {
margin:30 ;
border-width : 2px ; 
border-style :solid ;
border-color:#0080FF;
}
.imageyohaku30 {
margin:30 ;
}
.yohaku10phrasesen {
margin:10 ;
border-width : 1px ; 
border-style : solid ;
border-color : #808040
}
.imageyohaku20 {
margin:20px 
}
.left {
	float: left;
	width: 270px;
}
.right {
	float: right;
	width: 270px;
}
.rightzh {
	float: right;
	width: 270px;
		font-family: SimHei, SimSun, "MS UI Gothic", sans-serif;
}
.emph1 {
font-weight:bold;
color:#FF0000;
}

.hrtensen {
width:450px;
text-align: center;
color: #009933;
height: 0.5px; 
border: 0.5px;
border-style:solid;
margin-bottom:50px;
margin-top:50px;
}

.koep {
	padding:0px 0px 0px 10px;
}
/*---------ニュース---------*/

.listtango {
	background:  url(images/h2bg.gif) no-repeat;	
  margin-left:20px; 
  padding-top:10px;
}
.pointbr {
width:400px;
	font-family: SimHei, SimSun, "MS UI Gothic", sans-serif;
	font-size:16px;
	font-weight: normal;
padding:2px 0 2px 15px;
border-left:#0099ff 4px groove;
border-bottom:#0099ff 2px dotted;
	line-height: 18px;
}
.zhcnnews {
width:400px;
	font-family: SimHei, SimSun, "MS UI Gothic", sans-serif;
	font-size: 15px;
}
#news p {
	padding: 0.5em 20px 1em;
	text-indent: 0em;
	margin: 0.1em 0px;
	width:400px;
	font-family: SimHei, SimSun, "MS UI Gothic", sans-serif;
	font-size: 15px;
}
#news li {
	font-family: SimHei, SimSun, "MS UI Gothic", sans-serif;
		font-size: 15px;
background:url(images/newslist.gif) left no-repeat ;
		  margin-left:50px; 
  padding-top:2px;
  padding-left:25px;
}
.newspoint {
	font-family: SimHei, SimSun, "MS UI Gothic", sans-serif;
	font-size:16px;
	background:  url(images/newspointbr.gif) no-repeat ;	
	padding: 2px 0px 2px 40px ;
	}
	#news h3 {
	font-size: 13px;
	background:  url(images/newsh3br.gif) no-repeat;
	color: #FFFFFF;		
	padding: 2px 0px 2px 32px ;
	line-height: 28px;
}
	#news h4 {
	background:  url(images/newsh4br.gif) no-repeat;
	color:#000000;
	font-weight:bold;
}
	#news blockquote{
	margin: 10px;
	padding: 5px 5px 5px 15px;
	border: 1px solid #BA9469;
}


/*---------パンくずリスト---------*/
.topicpath{
		background:  url(images/pankuzu.gif) no-repeat;	
			line-height: 22px;
		}
.topicpath ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
	font-size:11px;
}

.topicpath ol li a {
    /* aの背景画像に記号の画像を指定 */
    background-image: url(images/pankuzu1.gif);

    /* 右寄せ＆リピート無し */
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
	color:#ccffff;
}