/*----------------------------
ページをふわっと表示させる
----------------------------*/
#wrap {
    display: none;
    overflow:hidden;
}


/*----------------------------
ページ全体の設定
----------------------------*/

span, table, div, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
/*	outline: 0;*/
}



strong {
	font-weight: bold;
}

ol, ul {
	list-style: none;
}



body {
	font-size: 100%;
        color: #574435;
	line-height: 110%;
        font-family: Courier New,MS Courier New, "Lucida Grande", 'YuGothic', 'Yu Gothic', '游ゴシック', "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
	font-weight: inherit;
        margin:0px;          /* ページ全体のmargin */
        padding:0px;         /* ページ全体のpadding */
        text-align:left;   /* 下記のautoに未対応用のセンタリング */
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;/* 携帯用表示崩れ防止 */

        background-image:
        url("bgtop.png"), /* 最前面の背景レイヤーの背景画像 */
        url("bg.jpg");

        background-repeat:
        repeat-x, /* 最前面の背景レイヤーに対応 */
	repeat;

        background-position:
        right top, /* 最前面の背景レイヤーに対応 */
	left;
}


#main{
         margin-left:auto;    /* 左側マージンを自動的に空ける */
         margin-right:auto;   /* 右側マージンを自動的に空ける */
         text-align:center;     /* 中身を左側表示に戻す */
         width:1100px;         /* 幅を決定する */
         max-height: 100%;/* 携帯用表示崩れ防止 */
}


#menu{  
         width: 1100px;  
         margin-left: 150px;  
}  


#container{  
         width: 1100px;  
         text-align: center;
}  

      
 #contents{  
         position: relative; 
         width: 720px;
         float: left; 
         text-align: left; 
         padding: 2em 0; 
}  

 #contents2{  
         position: relative; 
         width: 1000px;
         text-align: left; 
         padding: 2em 0; 
}  

      
#sidebar{  
         width: 380px;  
         float: right; 
         text-align: left; 
         padding: 4em 0; 
}  


#topics{
         text-align:left;
         margin: 0;
         padding:0px;
}

/*#topicsframe{
         width:1000px;
         height:1000px;
         overflow:auto;
         -webkit-overflow-scrolling:touch;
}*/



p.xx-large { font-size: xx-large; }
p.x-large { font-size: x-large; }
p.large { font-size: large; }
p.medium { font-size: medium; }
p.small { font-size: small; }
p.x-small { font-size: x-small; }
p.xx-small { font-size: xx-small; }






/*----------------------------
ループスライダー
----------------------------*/


#loopslider {
	 margin: 0 -2600px;
	 height: 500px;
	 text-align: left;
	 position: relative;
}

#loopslider ul {
/*	width: 100%;*/
	 height: 500px;
	 float: left;
	 display: inline;
	 overflow: hidden;
}

#loopslider ul li {
	 width: 750px;
	 height: 500px;
	 float: left;
	 display: inline;
	 overflow: hidden;
}


#loopslider #loopleft {
    top: 0;
    margin-left: 2600px;
    width: 90px;
    height: 500px;
    line-height: 500px;
    color: #fff;
    text-align: center;
    font-size: 70px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    z-index: 99;
}
#loopslider #loopright {
    top: 0;
    margin-left: 3560px;
    width: 90px;
    height: 500px;
    line-height: 500px;
    color: #fff;
    text-align: center;
    font-size: 70px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    z-index: 99;
}

/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}


/*----------------------------
	topへ戻るボタン
----------------------------*/

.pagetop {
	display: none;
	position: fixed;
	bottom: 120px;
	right: 150px;
}
.pagetop a {
	display: block;
	width: 91px;
	height: 70px;
}


/*----------------------------
iphone表示のフォント自動調整をOFFにする
----------------------------*/
html {
-webkit-text-size-adjust: none;
} /* iPhone */



/*-----------------------------------------
メールフォーム
-----------------------------------------*/

#formWrap {
	width:760px;
	margin:0 auto;
	color:#574435;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #574435;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background-color: rgba(255,255,255,0.5);
	text-align:left;
}