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

	Sanjusangendo style
	designed by Askaen...

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




/* =====================================================================
*
*    Common Format
*
* =================================================================== */
body {
    -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

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

fieldset, img {
	border:0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

a{ cursor:pointer; }




/* =====================================================================
*
*    Basic Format
*
* =================================================================== */


* {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}


body {
	margin: 0;
	padding:0;
	border: none;
	padding: 0;
 	color: #ffffff;
	font-family: "Helvetica Neue", "Helvetica", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MＳ Pゴシック", sans-serif;
	font-size: 14px; line-height: 140%;
	background: url(../images/top/bg02.jpg) repeat-y center #dddddd;
	}

hr {
	display:none;
}

form {
	margin:0;
	padding:0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input {
	line-height: 1.2;
}

textarea {
	padding: 0.4em 10px;
}

img {
	vertical-align: bottom;
}

p {
	line-height: 140%;
	margin:0;
	padding:0;
}
strong{ font-weight:bold;}

.clear{ clear:both; margin:0; padding:0;}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* ---------------------------------
*    Font Family
*/

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
;;body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
*:first-child+html body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
* html body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

/* ---------------------------------
*    Font Size
*/

.x-large   { font-size: 174%; }
.large     { font-size: 144%; }
.mid       { font-size: 122%; }
.small     { font-size:  92%; }
.x-small   { font-size:  77%; letter-spacing: 1px; }

/* \*/ a { outline:none; overflow:hidden; } /**/
/* \*/ a:focus { outline:none; overflow:hidden; } /**/


/* ---------------------------------
*    Link
*/

a         { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover   { color: #666666; text-decoration: none; }
a:active  { color: #666666; text-decoration: none; }



/* =====================================================================
*
*    Common_style
*
* =================================================================== */

#allwrap{
width:795px;
margin:0 auto;
text-align:left;
background: url(../images/top/bg.jpg) repeat-y center ;
}
.logo{
background:url(../images/top/main.jpg) no-repeat;
width:795px;
height:476px;
text-indent:-9999px;
display:block;
margin-left:auto;
margin-right:auto;
}

/* ---------------------------------
*    Navi
*/
#navi{
width:653px;
margin:0 auto;
height:81px;
display:block;
}
#navi li{
float:left;
display:inline;
}
#navi li a{
display:block;
height:55px;
text-indent:-9999px;
}
.btn1 a{
background:url(../images/top/btn01.jpg) no-repeat;
width:130px;
}
.btn1 a:hover{
background:url(../images/top/btn01_r.jpg) no-repeat;
width:130px;
}
.btn2 a{
background:url(../images/top/btn02.jpg) no-repeat;
width:82px;
}
.btn2 a:hover{
background:url(../images/top/btn02_r.jpg) no-repeat;
width:82px;
}
.btn3 a{
background:url(../images/top/btn03.jpg) no-repeat;
width:114px;
}
.btn3 a:hover{
background:url(../images/top/btn03_r.jpg) no-repeat;
width:114px;
}
.btn4 a{
background:url(../images/top/btn04.jpg) no-repeat;
width:118px;
}
.btn4 a:hover{
background:url(../images/top/btn04_r.jpg) no-repeat;
width:118px;
}
.btn5 a{
background:url(../images/top/btn07.jpg) no-repeat;
width:101px;
}
.btn5 a:hover{
background:url(../images/top/btn07_r.jpg) no-repeat;
width:101px;
}
.btn6 a{
background:url(../images/top/btn06.jpg) no-repeat;
width:108px;
}
.btn6 a:hover{
background:url(../images/top/btn06_r.jpg) no-repeat;
width:108px;
}

/* ---------------------------------
*    News
*/
.news{
width:560px;
margin:0 auto;
display:block;
border-bottom:2px solid #1F1F1F;
font-size:90%;
padding:0 0 5px 0;
}
.news li{
display:block;
padding:5px 10px;
}
.n1{
color:#FFFFFF;
}
.n1 strong{
background:url(../images/top/mrk02.jpg) no-repeat left center;
display:block;
margin:0 0 5px 0;
text-indent:20px;
}
.n1 a{
color:#ffffff;
text-decoration:underline;
}
.n1 a:hover{
color:#999999;
text-decoration:underline;
}
.n2{
color: #F84E4E;
border-bottom:1px dotted #333333;
}
.n2 strong{
background:url(../images/top/mrk01.jpg) no-repeat left center;
display:block;
margin:0 0 5px 0;
text-indent:20px;
}
.n2 p{
padding:0 0 0 20px;
}

.n3__txt { background:url(../images/top/mrk02.jpg) no-repeat 0 3px; display:block; margin:0 0 5px 0; padding-left: 20px; }
.n3__txtTitle { font-size: 110%; margin-bottom: 10px; }
.n3__txtSubTitle { font-size: 130%; font-weight: bold; letter-spacing: .1em; margin-bottom: 10px; }
.n3__txt p { line-height: 1.7; }

.t01{
text-indent:-9999px;
width:560px;
background:url(../images/top/t01.jpg) no-repeat;
height:25px;
}


#footer{
width:653px;
margin:0 auto;
background:url(../images/top/footer.jpg) no-repeat bottom left;
height:149px;
border-bottom:1px solid #696B70;
}
.sideL{
float:left;
width:240px;
margin:0 0 0 20px;
padding:40px 0 0 0;
text-align:center;
}
.sideL b{
color:#FFFFFF;
font-size:105%;
font-weight:bold;
}
.sideL strong{
color:#0099CC;
font-size:100%;
display:block;
padding:5px 0 0 0;
}
.sideR{
float:right;
width:340px;
margin:0 30px 0 0;
padding:40px 0 0 0;
text-align:left;
font-size:90%;
}
.sideR a{ color:#CC9933; text-decoration:underline;}
.sideR a:hover{ color:#666666; text-decoration:none;}

address{
width:795px;
margin:0 auto;
background:#000000;
padding:10px 0;
text-align:center;
color:#696B70;
font-size:80%;
}

.news-img {
    margin-bottom: 10px;
}
.news-img a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 20px;
}
.news-img a:first-child {
    margin-left: 0;
}
.news-img a:hover {
    opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";
}

.news-img02 { position: relative; height: 155px; }
.news-img02-txt a { font-size: 15px; }
.news-img02-txttxt { margin-left:20px; display: block; font-size: 14px; line-height: 1.8; }
.news-img02-img { position: absolute; top: 0; left: 320px; }
.news-img02-img a:hover { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }


.news-koujiTitle { font-size: 15px; font-weight: bold; letter-spacing: .15em; margin-bottom: 10px; }
.news-koujiCaption { margin: 25px 0 4px; }
.news-koujiPhotoItem { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.news-koujiPhotoItem:first-child { margin-right: 18px; }
.news-koujiPhotoItem img { display: block; }
.news-koujiPhotoItem p { margin-top: 4px; }

.news__list { padding-bottom: 35px; }
.news__listItem { border-top: 1px solid #0099CC; padding-top: 15px; margin-top: 15px; }
.news__listItem:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.news__listItemTime { margin-bottom: 10px; }
.news__listItemContent { color: #fff; }
.news__listItemContent a { text-decoration: underline; transition: opacity .3s; color: #fff; }
.news__listItemContent a:hover { opacity: .6; }
.news__listItemContent p { margin-top: 20px; }
.news__listItemContent p:first-child { margin-top: 0; }
.news__listItemContent img { max-width: 100%; height: auto; }

.news__bnr { padding-bottom: 25px; }
.news__bnr:after { content: ""; clear: both; display: block; }
.news__bnr a { float: right; display: block; transition: opacity .3s; }
.news__bnr a:hover { opacity: .6; }
.news__bnr a:first-child { float: left; }