@charset "utf-8";
/*
Theme Name: ツアー伝言板
Author: ECC海外留学センターLET'S
Author URI: http://www.lets.ecc.jp/
Description: ECC海外留学センターLET'Sツアー伝言板用のテーマです。
Version: 1.0
*/
/*-------------------------------------------------

共通設定

-------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html {
	overflow-y: scroll;/* filter: expression(document.execCommand("BackgroundImageCache",false, true));*/
}
body {
	color:#555;
	font-size:12px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
}
img {
	border: 0;
	vertical-align:text-bottom;
}
table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
}
ul li {
	list-style-type: none;
}
.add {
	font-size:10px;
	line-height:1.4em;
}
.borderB {
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #999;
}
.borderT {
	padding:20px 0 0 0;
	margin:20px 0 0 0;
	border-top:1px dotted #999;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
floatR {
	float:right;
}
floatL {
	float:right;
}
/*-------------------------------------------------

リンク

-------------------------------------------------*/

a:link {
	color: #1985B3;
	text-decoration: underline;
}
a:visited {
	color: #1985B3;
	text-decoration: underline;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #1985B3;
	text-decoration: underline;
}
/*-------------------------------------------------

ヘッダー

-------------------------------------------------*/
#header {
	position:relative;
	width:950px;
	height:90px;
	margin:0 auto;
	background:url(images/bg_header.gif) no-repeat 530px top;
}
#logo {
	position:absolute;
	top:15px;
	left:0;
}
#caption {
	font-size:10px;
	line-height:1em;
	font-weight:normal;
	position:absolute;
	top:18px;
	left:250px;
	background-color:#FFF;
}
#header ul {
	position:absolute;
	left:250px;
	bottom:17px;
	background-color:#FFF;
}
#header ul li {
	display:inline;
	font-size:10px;
	line-height:1em;
	padding:0 6px 0 4px;
	border-right:1px solid #D7D7D7;
}
#header ul li#titOffice {
	padding:0 5px 0 0;
	border:none;
}
#freedial {
	position:absolute;
	right:0;
	bottom:8px;
}
#company {
	position:absolute;
	top:12px;
	right:0;
	font-size:10px;
	line-height:1em;
}
#company a{
	display:block;
	color:#555;
	padding:4px 8px;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border:1px solid #D7D7D7;
	text-decoration: none;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E2E2E2));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #FFFFFF, #E2E2E2);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E2E2E2);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFE2E2E2)";
}
#company a:hover{
	color: #FF9900;
	text-decoration: none;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#FFFFFF));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #E2E2E2, #FFFFFF);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E2E2E2, endColorstr=#FFFFFF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE2E2E2, endColorstr=#FFFFFFFF)";
}
/*-------------------------------------------------

メインイメージとメニュー

-------------------------------------------------*/
#mainImg {
	position:relative;
	width:950px;
	height:200px;
	margin:0 0 30px 0;
	background:url(images/img_main.jpg) no-repeat left top;
}
#period{
	color:#FFF;
	font-size:22px;
	line-height:1.2em;
	font-weight:bold;
	position:absolute;
	right:20px;
	bottom:8px;
}
.menu {
	position:absolute;
	left:20px;
	bottom:10px;
}
.menu li {
	display:inline;
}
.menu li a{
	color:#FFF;
	padding:0 0 0 15px;
	margin:0 20px 0 0;
	background:url(images/icn_link_menu.png) no-repeat left center;
}
.menu li a:hover{
	color:#FFCC00;
}
.page-template-bloglist-php .menu{
	display:none;
}
/*-------------------------------------------------

コンテンツ

-------------------------------------------------*/
#wrap {
	position:relative;
	width:950px;
	margin:0 auto;
}
#content {
	float:left;
	width:670px;
	padding:0 0 30px 0;
}
.prev{
	font-size:10px;
	float:left;
	width:335px;
	margin:0 0 10px 0;
}
.prev a{
	padding:0 0 0 12px;
	background:url(images/icn_prev.png) no-repeat left center;
}
.next{
	font-size:10px;
	float:right;
	text-align:right;
	width:335px;
	margin:0 0 10px 0;
}
.next a{
	padding:0 12px 0 0;
	background:url(images/icn_next.png) no-repeat right center;
}
.post{
	clear:both;
	font-size:16px;
	line-height:1.8em;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #999;
}
.single .post{
	padding:29px;
	margin:0 0 30px 0;
	border:1px solid #D3D3D3;
}
.single .post img{
	padding:8px;
	border:1px solid #D3D3D3;
	background-color:#FFF;
	vertical-align:text-top;
	margin:10px 5px;
}
.thumbnail img{
	padding:8px;
	border:1px solid #D3D3D3;
	background-color:#FFF;
}
.single .thumbnail img{
	padding:0;
	border:none;
	margin:0 0 20px 0;
}
.article{
	width:500px;
	padding:0 0 0 170px;
	margin:-150px 0 0 0;
	min-height:150px;
	height:auto !important;
	height:150px;
}
ul.info{
	font-size:12px;
	margin:10px 0 0 0;
}
ul.info li{
	display:inline;
	margin:0 10px 0 0;
}
.single ul.info{
	margin:0 0 20px 0;
}
h1.title{
	font-size:20px;
	padding:5px 0 20px 40px;
	background:url(images/icn_article_title.png) no-repeat left top;
}
h2.title{
	font-size:16px;
	padding:0 0 15px 30px;
	background:url(images/icn_recent_entries.png) no-repeat left top;
}
h2.title span{
	font-size:12px;
	color:#FF0000;
	margin:0 0 0 10px;
}
.wp_social_bookmarking_light{
	clear:both;
}
.wp_social_bookmarking_light_clear{
	margin:0 0 20px 0;
}
#content h3{
	font-size:16px;
	padding:0 0 15px 30px;
	background:url(images/icn_recent_entries.png) no-repeat left top;
}
.wp-caption-text{
	font-size:10px;
	text-align:center;
	line-height:1.4em;
	font-weight:bold;
}

h4 {
	clear:both;
	position:relative;
	color:#555;
	font-size:14px;
	line-height:1em;
	border-top:2px solid #FF9900;
	border-bottom:1px dotted #999;
	padding:12px 0;
	margin:0 0 20px 0;
	background:none;
}
h4 strong {
	display:inline-block;
	padding:0 0 0 10px;
	border-left:5px solid #FF9900;
}
h5 {
	clear:both;
	color:#CC6600;
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
	margin:0 0 15px 0;
}
.map{
	text-align:center;
	margin:0 0 20px 0;
}
.map img{
	padding:1px;
	border:1px solid #D3D3D3;
	background-color:#FFF;
}
/*-------------------------------------------------

関連記事

-------------------------------------------------*/
ul#similarposts{
	margin:0 0 20px 0;
}
ul#similarposts li{
	font-size:14px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	background:url(images/icn_link.png) no-repeat left 5px;
}
/*-------------------------------------------------

サイドバー

-------------------------------------------------*/
#sidebar {
	float:right;
	width:250px;
	padding:0 0 30px 0;
}
ul li.widget{
	background:url(images/widget_main.jpg) repeat-y left top;
}
ul li.widget h2{
	height:76px;
	text-indent:-9999px;
}
.wpdt-categories h2{
	background:url(images/widget_categories.jpg) no-repeat left top;
}
.dtree{
	padding:0 30px 30px 30px;
	margin:-10px 0 20px 0;
	background:url(images/widget_bottom.jpg) no-repeat left bottom;
}
.widget_categories h2{
	background:url(images/widget_categories.jpg) no-repeat left top;
}
.widget_recent_entries h2{
	background:url(images/widget_recent_entries.jpg) no-repeat left top;
}
ul li.widget ul{
	padding:0 30px 30px 30px;
	margin:-10px 0 20px 0;
	background:url(images/widget_bottom.jpg) no-repeat left bottom;
}
ul li.widget ul.children{
	padding:0 0 0 0;
	margin:0 0 10px 0;
	background:none;
}
ul li.widget ul li{
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	background:url(images/icn_link.png) no-repeat left 5px;
}
ul li.widget_text{
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:none;
}
ul li.widget_text ul{
	padding:0 0 0 0;
	margin:0 0 20px 0;
	background:none;
}
ul li.widget_text ul li{
	padding:0 0 0 0;
	margin:0 0 10px 0;
	background:none;
}

ul li.widget_pages{
	background:url(images/widget_news_main.jpg) repeat-y left top;
}
.widget_pages h2{
	background:url(images/widget_news.jpg) no-repeat left top;
}

ul li.widget_pages ul{
	padding:0 30px 30px 30px;
	margin:-10px 0 20px 0;
	background:url(images/widget_news_bottom.jpg) no-repeat left bottom;
}
#twitter {
	font-size:10px;
	overflow:auto;
	width:220px;
	height:240px;
	padding:65px 0 0 30px;
	margin:0 0 20px 0;
	background:url(images/bg_twitter.gif) no-repeat left top;
}
.fan_box .full_widget {
    background: none;
    border:1px solid #D3D3D3;
}
.fan_box .connect_top {
    background: none;
}
.fan_box .connections_grid .grid_item .name {
    display:none;
}
.tourBox ul{
	clear:both;
	padding:10px 20px;
	border:1px solid #D3D3D3;
	border-top:none;
}
.tourBox ul li a {
	display:block;
	padding:0 0 0 20px;
	background:url(images/icn_link_blue.gif) no-repeat left center;
}
.tourBox img {
	float:left;
	margin:0 10px 0 0;
}
.tourBox h5 {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:8px 10px 13px 10px;
	margin:0;
	border:1px solid #D3D3D3;
	border-bottom:none;
}
.tourBox h5 {
	background:url(images/bg_side_tour.gif) no-repeat center bottom #20ADCB;
}
.tourBox h5 span {
	font-size:10px;
}
.tourBox ul#dpamphKaeru {
	padding:10px 20px 60px 20px;
	background:url(images/bg_dpamph.jpg) no-repeat right bottom;
}
/*-------------------------------------------------

ページトップへ

-------------------------------------------------*/
#pageTop {
	clear:both;
	width:950px;
	text-align:right;
	margin:0 auto;
}
/*-------------------------------------------------

フッター

-------------------------------------------------*/
#fLinkWrap {
	clear:both;
	width:100%;
	background:url(images/bg_fLink.jpg) repeat-x left top #FFF;
}
#fLink {
	clear:both;
	font-size:10px;
	width:950px;
	height:180px;
	padding:20px 0 0 0;
	margin:0 auto;
}
#fLink ul {
	width:150px;
	float:left;
	padding:0 19px;
	border-left:1px dotted #D8D8D8;
}
#fLink ul li a {
	color:#555;
	text-decoration:none;
}
#fLink ul li a:hover {
	text-decoration:underline;
}
#footerWrap {
	clear:both;
	width:100%;
	background:url(images/bg_footer.jpg) repeat-x left top #E50012;
}
#footer {
	clear:both;
	position:relative;
	font-size:10px;
	width:950px;
	height:95px;
	padding:5px 0 0 0;
	margin:0 auto;
}
#footer ul {
	text-align:center;
}
#footer ul li {
	display:inline;
	line-height:1em;
	padding:0 10px;
	border-left:1px solid #F7968A;
}
#footer ul li a {
	color:#E50012;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#fLogo {
	clear:both;
	position:absolute;
	left:0;
	bottom:18px;
}
#copy {
	color:#FFF;
	position:absolute;
	right:0;
	bottom:30px;
}
/*-------------------------------------------------

過去のツアー伝言板

-------------------------------------------------*/
div#backnumber {
	width:320px;
	margin:0 auto;
	background:url(images/backnumber_main.jpg) repeat-y left top;
}
div#backnumber div{
	padding:0 0 40px 0;
	background:url(images/backnumber_bottom.jpg) no-repeat left bottom;
}
div#backnumber ul{
	height:300px;
	overflow:auto;
}
div#backnumber ul li{
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	background:url(images/icn_link.png) no-repeat left 5px;
}
div#backnumber div div{
	width:270px;
	padding:70px 20px 0 30px;
	background:url(images/backnumber_top.jpg) no-repeat left top;
}
/*-------------------------------------------------

contactForm

-------------------------------------------------*/
#contactForm {
	position:relative;
	padding:40px 20px 30px 20px;
	border:1px solid #D3D3D3;
	background-color:#F9F7EB;
}
#contactForm h5 {
	position:absolute;
	top:0;
	left:0;
	width:648px;
	color:#FFFFFF;
	font-size:14px;
	line-height:1em;
	font-weight:bold;
	padding:8px 0 8px 20px;
	marign:0 0 10px 0;
	background-color:#20ADCB;
	border:none;
}
#contactForm table {
	font-size:12px;
	margin:0 auto;
}
#contactForm table th {
	text-align:left;
	width:30%;
	font-weight:normal;
	padding:0.5em;
}
#contactForm table th span.hissu {
	color:#FF0000;
}
#contactForm table td {
	padding:0.5em;
}
#contactForm p {
	font-size:12px;
	padding:0 10px;
	margin:0 0 10px 0;
}
#contactForm p.itemTit {
	margin:0;
	font-weight:bold;
	color:#20ADCB;
}
#contactForm p span.hissu {
	color:#FF0000;
}
#contactForm .wpcf7-list-item{
	display:block;
}
#contactForm .wpcf7-not-valid-tip-no-ajax,
.wpcf7-validation-errors{
	color:#20ADCB;
}
div.wpcf7-mail-sent-ok{
	font-size:14px;
	font-weight:bold;
	color:#FF6699;
	padding:1em;
	border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px; /* Safari,Chrome */
	border:2px solid #20ADCB;
	background-color:#FDEAF0;
}
div.wpcf7-response-output{
	text-align:center;
	margin:20px 0 0 0;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 100%;
}
.mB10{
	margin:0 0 10px 0;
}
.mB20{
	margin:0 0 20px 0;
}

.red {
	color:#FF0000;
}

.pc_view {
}
.sp_view {
	display: none;
}
@media screen and (min-width: 0px) and (max-width: 720px){
.pc_view {
	display: none;
}
.sp_view {
	display: inherit;
}
}