﻿/*

Theme Name: J-lines.com

Theme URI: http://www.j-lines.com/

Description: J-lines.com
Author:goto

*/



body {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	font-size:13px;*font-size:small;*font:x-small;
	color:#333;
	background: url(img/back.jpg) repeat-x;
        background-position: 0 0;
	text-align: center;
}

ol, ul, li{
	margin: 0;
	padding: 0;
}

li{
	list-style: none;
}

h1, h2, h3, p{
	margin: 0;
	padding: 0;
}


.clear{
        clear: both;
        margin:0;padding: 0;
}


a {
	color: #495865;
}

a:hover {
	color: #6F6F6F;
}


/*******************************************************************************/

#container {
	margin: 0 auto;
	text-align: left;
	width: 858px;
	/*background-color:#ffffff;
	background:#f2f2f2 url("img/wrapimage.jpg") 50% 0 repeat-y;*/
}


#header {
	/*width:850px;*/
	/*height: 102px;*/
	margin: 0;
	padding: 0;
	/*text-align: left;*/

}


#main{
	float:left;
	width:650px;
}


#sidebar{
	float:right;
	width:188px;
}



/*****************************サイドバーバナー*******************************/

.sidebar_banner{
	/*background-color: #f3f3f3;*/
background-color: #f3f3f3;
        margin-bottom:10px;
	padding:0px 3px 3px 3px;
}

.sidebar_banner ul {
	margin: 0;
}


.sidebar_banner ul li{
	margin: 0;
	padding-top: 3px;
}

.sidebar_banner ul a img {
	vertical-align:top;
	border: 1px solid #c9c9c9;
}
.sidebar_banner ul a:hover img {
	vertical-align:top;
	border: 1px solid #629D05;
}




/*****************************カレンダー**********************************/
#calendar table{
	width: 188px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

#calendar caption {
	margin: 0;
	padding: 0;
	width: 188px;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#calendar th {
	font: bold 10px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}


#calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	background: url(img/bg_calendar.gif) no-repeat right bottom;
}

#calendar .holiday{
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

#kyugyobi{
	text-align: center;
	width:54px;
	margin:2px 0 0 0;
	padding: 5px 0;
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
	font-size: 12px;
        font-family: "ＭＳ ゴシック",sans-serif;
}




/*************************パンくずリスト************************************/

div#breadcrumbs {
width:760px;
margin:0;
padding:12px 0 0 0;
font-size:85%;
}

div#breadcrumbs ul li {
display:inline;
margin-right:4px;
}
div#breadcrumbs ul li a {
margin-right:4px;
}


/*************************各ページ************************************/
#pagetitleImg{
	margin: 6px 0 17px 0;
	padding-bottom:17px;
	border-bottom: #cccccc solid 1px;
}





.subTitle  {
	/*width: 300px;*/
	font-size:120%;
	font-weight: bold;
	margin:5px;
	padding-bottom:5px;
	color:#4D4E4E;
	border-bottom:solid 3px #629D05;
	/*border-bottom:solid 3px #4EB2CA;*/
	/*background-color: #eee;*/
	/*background:url("../../images/common/bg_h1.jpg") 0 100% no-repeat;*/
}










/*****************************フッター*******************************************/
#footer{
        width: 100%;
        text-align:center;
        margin:0px;
        padding:20px 0 10px 0;
}

#footer p{
        margin:0;
        padding:0;
        font-size: 12px;
        color: #666666;
}


/********************Clearfix(画像などがはみ出してしまう問題に対応)**************************/

.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* IE7対応 */

.clearfix {
	  min-height: 1px;}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*************************************/

.clear {
	clear:both;}
.center{
	text-align:center;
}