@charset "UTF-8";

* {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック","IPA Pゴシック",sans-serif;
}

/* HTML全体 */
body {
    width:100%;
    text-align:center; /* IE6などのためのセンタリング設定 */
    /* background:#ffffff url("images/back1.gif") repeat; */
}

/* コンテンツすべてを含むラッパー */
#wrapper {
    /* background:transparent url("images/back2.gif") top repeat-y; */ /* 横枠の影 */
    text-align:left;
    margin:0 auto;
    /* width:838px; */
    min-height:768px;
}

/* ヘッダ部の基本スタイル */
#header {
    position:relative;
    /* width:800px; */
}


/* コンテンツ部の基本スタイル */
#contents {
    position:relative;
    /* width:720px; */
    top:5px;
    left:60px;
/*    padding:15px 40px; */
}


/* フッター部の基本スタイル */
#footer {
    position:relative;  
    /* width:780px; */
    left:20px;
    margin-bottom:20px;
}

.btOkipura_title {
    padding: .5em .75em;
    /*background: -webkit-linear-gradient(top, #2278bf 0%, #0059a8 100%);
    background: linear-gradient(to bottom, #2278bf 0%, #0059a8 100%);*/

    color: navy;
    background-color: rgba(255,255,255,0.5);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    font-size: small;
    text-align: left;
    /*margin-bottom: 5px;*/
    font-weight: bold;

}

.btOkipura {
   text-align:center;
   width:100%;
   height: 60px;
   background-color: rgba(255,255,255,0.5);

   /*padding-bottom: 10px;*/
}

.imgokipura {
   background: url("/sp/sp_obj/okipura_logo.png") no-repeat center;
   background-size: 50% 95%;
   width: auto;
   height: 100%;
   z-index: 100;
}

.btOkipura_text {
   text-align:center;
   width:100%;

}

.btOkipura_text div {
   /*width:90%;
   max-width: 350px;*/
   text-align:center;
   font-size: x-small;
   /*color: #996500;*/
   z-index: 100;
   font-weight: normal;

}

.btOkipura a {
   z-index: -50;
   width:90%;
   max-width: 300px;
   display:table;
   margin: 0 auto;
	font-size: 16px;
	color: #fffaff;
	padding: 8px 10px;
	background: -moz-linear-gradient(
		top,
		#ff8b4c 0%,
		#f53100);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff8b4c),
		to(#f53100));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;


    background: url("/sp/sp_obj/header-repeat.gif") no-repeat center;

	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}