@charset "utf-8";

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

　広報部コンテンツ

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

/*-------------------------------------
　ページ基本設定
---------------------------------------*/
.column2R #main {
	float: none;
	width: auto;
}
#lp_page {
	width: 900px;
	color: #333333;
	line-height: 1.6em;
	font-size: 14px;
	background-color:#FFF;
	margin: 30px auto;
}
#title {
	margin: 0 0 20px 0;
}
/*-------------------------------------
　コンテンツ
---------------------------------------*/
.imgL{
	 float:left;
}
.imgR{
	 float:right;
	 width: 83%;
}
/*-------------------------------------
　見出し設定
---------------------------------------*/
#container h2{
	border-bottom: 1px solid #333333;
    border-left: 8px solid #036eff;
    font-size: 19px;
    margin-bottom: 30px;
    padding: 5px 10px;
}
#container h3 {
	border-left:#001A53 solid 8px;
	padding-left:10px;
	font-weight:bold;
	margin-bottom:10px;
	font-size:16px;
}

/*-------------------------------------
　バナーの下にテキストを設置する場合は
　sectionBox_b を使ってください
　通常はsectionBoxを使用
---------------------------------------*/
.sectionBox{
	margin-bottom: 30px;
}
.sectionBox img {
	margin-bottom: 5px;
}
.sectionBox p{
	margin-bottom:15px;
}
#lp_page .partsdog_title{
	background-color:#CEF1F9;
}
#container dl {
	margin-bottom:15px;
}
#container dt {
	font-weight:bold;
}
#container dd {
	margin-left:1em;
}

/*-------------------------------------
　ml：　margin-left
　mr：　margin-right
　mb：　margin-bottom
　mt：　margin-top
---------------------------------------*/
.mt10{
	margin-top:10px;
}
.mt13{
	margin-top:13px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.ml20 {
	margin-left: 20px;
}
.ml13 {
	margin-left: 13px;
}
.ml10{
	margin-left:10px;
}
.ml7 {
	margin-left: 7px;
}
.ml6 {
	margin-left: 6px;
}
.ml20{
	margin-left:20px;
}
.mb5{
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}

/*-------------------------------------
　罫線
---------------------------------------*/
.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 20px;
}
#lp_page .hasen{
	border-top:1px #999999 dashed;
	border-bottom:none;
	width:395px;
	margin:5px 0;
}

/*-------------------------------------
　文字サイズ
---------------------------------------*/
.font_s{
	font-size:11px;
	color:#666666;
	border:solid 1px #036eff;
	padding:5px;
	display:block;
	width:433px;
	line-height:1.5em;
}
.font_s_l {
    border: 1px solid #036eff;
    color: #666666;
    display: block;
    font-size: 11px;
    line-height: 1.5em;
    padding: 5px;
    width: 888px;
}
.font12{
	font-size:12px;
}
.font13{
	font-size:13px;
}
.font20{
	font-size:20px;
}
.font30{
	font-size:30px;
}
.img11{
	position:relative;
	top:34px;
	left:-30px;
}

/*-------------------------------------
　パーツの犬リンク
---------------------------------------*/
.linkWebsale {
    background-color: #06c;
    font-size: 20px;
    margin: 20px 0;
    padding: 20px;
    text-align: center;
}
.linkWebsale a {
    color: #fff;
    font-weight: bold;
}

/*-------------------------------------
　バックナンバー　NEW
---------------------------------------*/
.new{
	font-size:16px;
	color:#FF0000;
	font-weight:bold;
}

/*-------------------------------------
　フェイスブック　ツィッター　タイムライン
---------------------------------------*/
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


#hooter_facebook {
    border: 2px solid #000;
    float: left;
    margin-left: 2px;
    margin-right: 10px;
    width: 420px;
}
#hooter_twitter {
    border: 2px solid #113A7B;
    float: left;
    width: 420px;
}


/*-------------------------------------
ページ内表示切り替え
---------------------------------------*/

#media_menu{
	    margin: 50px auto;
		padding-left:160px;
	}

#tab {
/*    margin-left: 0; */
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 12px;
	height:70px;
/*    width: 900px; */
}
#tab li {
    float: left;
    height: 45px;
    margin: 0 4px;
    width: 65px;
}

#tab li a:hover, #tab li.present a {
    background: none repeat scroll 0 0 #C33;
    border-color: #fff;
    color: #fff;
    font-weight: bold;
}
#tab li a {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    display: block;
    padding: 4px 10px;
    text-align: center;
}

#page1, #page2, #page3, #page4 ,
#page5, #page6, #page7, #page8 ,
#page9, #page10, #page11, #page12 ,
#page13 {
    background-position: 100% 50%;
	background-repeat:no-repeat
    border-image: none;
    margin-bottom: 10px;
    width: 900px;
}

.newslistTab{
	width:500px;
	height:auto;
	margin:auto;
	padding-left:120px;
}

#tab .back ,
#tab .front{
    background-color: #fff;
/*    border: 1px solid #000; */
    color: #000;
    display: block;
    padding: 4px 10px;
    text-align: center;
    margin: 0 4px;
    width: 80px;
}

#tab .front{
	float:right
}

#tab .back{
	float:left;
}








/*-------------------------------------
　clearfix
---------------------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}