@charset "utf-8";
body {
	background: #eee;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:1.6em;
	color:#F39;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#0239ff;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color:#1c1a52;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration:none;
}
label:hover {
background:#FCF;
}
a:hover img {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 -webkit-opacity: 0.5;
 background-color: #FFF;
}

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.container {
	width: 1260px;
	/* max-width: 1260px; レイアウトが大型モニターで広がりすぎないように、最大幅を指定することをお勧めします。これにより、読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	/* min-width: 780px; レイアウトが狭くなりすぎないように、最小幅を指定することをお勧めします。これにより、サイドカラムで読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	background: #FFF; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	box-shadow: 0 0 5px #88b;
	-webkit-box-shadow: 0 0 5px #88b;
	-moz-box-shadow: 0 0 5px #88b;
}
.container02 {
	width: 900px;
	background: #FFF;
	padding:10px;
	margin: 20px auto;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0 0 5px #88b;
	-webkit-box-shadow: 0 0 5px #88b;
	-moz-box-shadow: 0 0 5px #88b;
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header {
	background-image: url(../img/collection_title_back.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
}

.sidebar1 {
	float: left;
	width: 180px;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 30px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #FFE8CE;

}
.content {
	width: 850px;
	padding: 10px 0;
	float: left;
}
/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol {
	padding: 0 15px 15px 0px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}
.toukou {
	width: 140px;
	font-size:13px;
	line-height: 1.4em;
	background-color: #FFF;
	border: 4px dashed #F63;
	margin: 10px auto;
	padding: 7px;
}
div.rage_button_378495 {
	float:left;
	width: 120px;
	height: 40px;
	margin: 10px 7px;
}
div.rage_button_378495 a {
	display: block;
	margin: 0;
	overflow: hidden;
	text-decoration: none;
	height: 100%;
	background: url('../images/click_here!.jpg') top left no-repeat;
	color: #000000;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:16px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}
div.rage_button_378495 a:hover {
	background-position: -120px 0;
	color: #FFFFFF;
}
div.rage_button_378495 a:active {
	background-position: -240px 0;
	color: #FF0006;
}
ul.nav {
	list-style: none; /* リストのマーカーを削除します。 */
* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。
	margin-top: 5px;
	margin-bottom: 20px;  下のコンテンツのナビゲーション間の間隔を作成します。 */
}

/*
ul.nav li {
	border-bottom: 1px solid #FAAF7E;
* ボタンの区切り線を作成します。
}
*/
ul.nav a, ul.nav a:visited {
	display: block;
	width:160px;
	height:35px;
	font-size: 14px;
	font-weight:600;
/*	text-shadow: 1px 1px 2px #000000; */
	text-decoration: none;
	background:url(../images/button.jpg);
	background-repeat:no-repeat;
	color: #FFF;
	text-shadow: 1px 1px 3px #000;
	letter-spacing: normal;
	text-align:center;
	line-height:28px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:3px;
	padding-top: 6px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	color: #FED8F8;
	background:url(../images/button_over.jpg);
	background-repeat:no-repeat;
}

.bar01 {
	padding: 10px 5px 3px 15px;
	margin: 5px auto 5px 10px;
	width:100%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #666F;
	box-shadow: 0 0 3px #88b;
	-webkit-box-shadow: 0 0 3px #88b;
	-moz-box-shadow: 0 0 3px #88b;
	font-size:18px;
	font-weight:bold;
	color:#888;
	position:relative;
}
.bar01 a {
	display:block;
	width: 200px;
color: #852714;
	font-size:14px;
	text-align:right;
	position: absolute;
	top: 13px;
	right: 10px;
}
.bar01 a:hover {
	color: #FFF;
	text-shadow: 1px 1px 3px #31191e;
	background-color: transparent;
}
.bar01 a.center-link {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	right: auto;
	/* 右寄せ指定を無効化 */
	top: 10px;
	/* 既存の .bar01 a と揃える */
	width: auto;
	/* 幅200pxの上書き */
	text-align: center;
	display: inline-block;
}

/* SP時の位置（既存に合わせて上書き） */
@media (max-width: 970px) {
	.bar01 a.center-link {
		top: 35px;
		font-size: 11px;
	}
}
.bar02 {
	padding: 3px 3px 3px 15px;
	margin: 10px;
	width:100%;
	text-align:left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #666F;
	box-shadow: 0 0 3px #88b;
	-webkit-box-shadow: 0 0 3px #88b;
	-moz-box-shadow: 0 0 3px #88b;
	font-size:18px;
	font-weight:bold;
	color:#888;
	position:relative;
}

.shinchaku {
	padding: 5px;
	width:800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: 10px;
	font-size: 13px;
}
.shinchaku ul {
	list-style-image:url(../images/nakaguro01.JPG);
	line-height: 24px;
	margin-left: 30px;
}
.shinchaku ul li {
	border-bottom: dotted #999999 1px;
}
.photo_box {
	font: 80%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	width:180px;
	height:230px;
	margin:5px 0px 8px 15px;
	padding:5px 5px 5px 5px;
	border:1px solid #999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	float:left;
}
.photo_box a:hover img {
	background-color: #FFF;
}
.photo_box_big {
	width: 100%;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	border:1px solid #999;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float:left
}

.photo_box_s {
	width: 106px;
	height:250px;
	margin: 10px 4px 5px 10px;
	padding: 10px 10px 5px 7px;
	font-size:11px;
	line-height: 1.3em;
	border:1px solid #999;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float:left;
		overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.photo_box_s_comp {
	width: 106px;
	height:250px;
	margin: 10px 4px 5px 10px;
	padding: 10px 10px 5px 7px;
	font-size:11px;
	line-height: 1.3em;
	border:1px solid #999;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float:left;
		overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
position:relative;
}


.photo_box_in {
	width: 440px;
	margin: 0px 4px 0px 0px;
	float:left;
}
.photo_box_in_right {
	width: 352px;
	margin: 0px 4px 0px 0px;
	float:left;
		overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
saita_top {
	width: 264px;
	margin: 10px 1px 5px 10px;
	float:left;
}
.photo_box_three {
	width: 244px;
	height:440px;
	margin: 0px 1px 5px 10px;
	padding: 10px 10px 5px 10px;
	font-size:12px;
	line-height: 1.4em;
	border:1px solid #E16388;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	float:left;
	overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.photo_box_three_up {
	width: 244px;
	background-color: #E16388;
	margin: 10px 1px 0px 10px;
	padding: 10px 10px 5px 10px;
	font-size:15px;
	font-weight: bold;
	line-height: 1.4em;
	border:1px solid #E16388;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	float:left;
}
.photo_box_three_up a:link, .photo_box_three_up a:visited {
		color: #FFF;
}
.side_box_out {
	width: 217px;
	float:left;
}
.side_box {
	width:95%;
/*	height:220px; */
	margin:10px 5px 10px 5px;
	padding:10px;
	border:1px solid #999;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-shadow: 0 0 3px #88b;
	-webkit-box-shadow: 0 0 3px #88b;
	-moz-box-shadow: 0 0 3px #88b;
	float:left;
}
.side_box a {
	line-height: 1.7em;
}

.menu01 {
	width: 170px;
	height:40px;
	margin:10px 0 10px 5px;
	border-bottom: 1px solid #FAAF7E;
}
.menu01 a:hover {
	background-color:inherit;
}
/* ~~ フッター ~~ */
.footer {
	padding: 10px 10px 10px 10px;
	background: #FFD7F5;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	text-align:center;
	font-size: 12px;

}
.up_box {
	width: 800px;
	margin: 0px 10px 10px 15px;
	padding:15px 13px 10px 13px;
	background-color:#FFF;
	border:3px solid #E16388;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
}
.up_box_head {
	width: 800px;
	margin: 0px 10px 0px 15px;
	padding:5px 13px 0px 13px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight:bold;
	background-color:#E16388;
	border:3px solid #E16388;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
}
.under_box {
	width: 806px;
	margin: 10px 10px 10px 18px;
	padding:10px 10px 10px 10px;
	background-color:#FEF4C5;
	position:relative;
}
div.machigai2 {
	width: 120px;
	height: 25px;
	padding-top: 3px;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
	background-image:url(../images/machigai.jpg);
	background-repeat:no-repeat;
	float:left;
}
div.machigai2 a {
	display: block;
	color: #FFF;
}
div.machigai2 a:hover, div.machigai2 a:active, div.machigai2 a:focus {
	text-decoration:none;
	background-image:url(../images/machigai_over.jpg);
	cursor: pointer;
}
/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* グラデーション */
.grd_01 {
background: #eee;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff));
background: -moz-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
}

.grd_02 {
background: #dedede;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#efefef));
background: -moz-linear-gradient(top, #dedede, #efefef);
background: -o-linear-gradient(top, #dedede, #efefef);
}

.grd_03 {
background: #FFE8CE;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF4FB), to(#FFD7F5));
background: -moz-linear-gradient(top,#FFF4FB, #FFD7F5 100%);
background: -o-linear-gradient(top, #FFF4FB,#FFD7F5 100%);
}

.grd_04 {
background: #FFE8CE;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE8CE), to(#FDD96C));
background: -moz-linear-gradient(top, #FFE8CE, #FDD96C 100%);
background: -o-linear-gradient(top, #FFE8CE, #FDD96C 100%);
}
.grd_05 {
background: #FEE2D3;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEE2D3), to(#FAAF7E));
background: -moz-linear-gradient(top, #FEE2D3, #FAAF7E 100%);
background: -o-linear-gradient(top, #FEE2D3, #FAAF7E 100%);
}
.grd_complete {
background: #F3DC07;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDF48A), to(#F3DC07));
background: -moz-linear-gradient(top, #FDF48A, #F3DC07 100%);
background: -o-linear-gradient(top, #FDF48A, #F3DC07 100%);
}
.head01 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	color: #F42075;
}
.head02 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
}
p.head02 {
	margin-bottom: 4px;
	line-height: 1.2em;
}
.junban {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #F42075;
}
.pagebox {
	width: 22px;
	height:22px;
	margin-top:5px;
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height: 22px;
	border: 1px solid #333;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	float:left;
}
div .pagebox a {
	display:block;
}
div.pagebox a:hover, div.pagebox a:active, div.pagebox a:focus {
	background-color:#FF6600;
	color: #FFF;
	text-decoration: none;
}
.pagebox_t {
	width: 22px;
	height:22px;
	background-color:#FF6600;
	margin-top:5px;
	margin-left:10px;
/*	padding: 1px;*/
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color: #FFF;
	line-height: 22px;
	border: 1px solid #FF6600;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	float:left;
}
.pageboxten {
	width: 30px;
	height:22px;
	background-color: #D7F5FF;
	margin-top:5px;
	margin-left:5px;
/*	padding: 1px;*/
	font-size:14px;
	text-align:center;
	line-height: 22px;
	border: 1px solid #00F;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	float:left;
}
div .pageboxten a {
	display:block;
}
div.pageboxten a:hover, div.pageboxten a:active, div.pageboxten a:focus {
	background-color:#FF6600;
	color: #FFF;
	text-decoration: none;
}
.pageindex_waku {
	width: 802px;
}
.pageboxten_t {
	width: 30px;
	height:22px;
	background-color:#FF6600;
	margin-top:5px;
	margin-left:10px;
/*	padding: 1px;*/
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color: #FFF;
	line-height: 22px;
	border: 1px solid #FF6600;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	float:left;
}

#mydata_head {
	width:800px;
	margin:10px;
	padding:10px;
	float:left;
	position: relative;
}
#mydata_head a {
	display:block;
	width: 120 px;
	height: 40px;
	position: absolute;
	right: 20px;
	bottom: 5px;
}

#mydata {
	width: 780px;
	margin: 10px;
	padding: 10px 10px 10px 40px;
	background-image:url(../img/hole.jpg);
	background-repeat:repeat-y;
	border-bottom: 1px dotted #666666;
	float:left;
}
.keihin_head {
	width:800px;
	margin:10px;
	padding:10px;
}
.input {
	width: 350px;
	height: 35px;
	border: 1px solid #999;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:left;
	font-size:18px;
	margin: 5px;
}

input.focused{border-color:rgba(82,168,236,.75);
box-shadow:0 0 8px rgba(82,168,236,.5);
-moz-box-shadow:0 0 8px rgba(82,168,236,.5);
-webkit-box-shadow:0 0 8px rgba(82,168,236,.5);
}
.submit {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size:18px;
	height:35px;
	padding:0 25px;
-webkit-appearance: button;
width:208px;
min-width:208px;
text-align:center;
white-space:nowrap;
box-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2);
}
.submit:hover {
	font-weight:bold;
	cursor: pointer;
	box-shadow: 1px 1px 4px #595959;
}
.submit2{
	font-size:16px;
height:35px;
padding:0 25px;
margin-top:3px;
text-align:center;
white-space:nowrap;
font-weight:bold;
box-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2);
}
.submit3 a, .submit3 a:link, .submit3 a:visited {
	width: 158px;
	display:block;
	font-size:16px;
	background-image:url(../img/back1.jpg);
	background-repeat:no-repeat;
	color: #333;
height:28px;
padding:10px 25px 0 25px;
margin: 5px 100px 10px 100px;
text-align:center;
white-space:nowrap;
font-weight:bold;
float: left;
}
.submit3 a:hover, .submit3 a:active, .submit3 a:focus {
		width: 158px;
	display:block;
	font-size:16px;
	background-image:url(../img/back1_over.jpg);
	background-repeat: no-repeat;
	color: #03F;
height:28px;
padding:10px 25px 0 25px;
margin: 5px 100px 10px 100px;
text-align:center;
white-space:nowrap;
font-weight:bold;
float: left;
}

.under_line {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.touroku {
	width: 750px;
	padding: 5px;
	margin: 5px 0px;
	text-align: center;
	background-color: #FEE2D3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.touroku2 {
	width: 750px;
	padding: 5px;
	margin: 10px 0px;
	background-color: #ffffe0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.twitt {
	width: 100;
	margin: 5px 5px 5px 0;
	float:left;
}
.twitt_side {
	width: 212px;
	margin-left: 5px;
	font-size: 13px !important;
}
.form1 {
	widyth: 700px;
	table-layout: fixed;
}
.input_form {
	margin:10px auto;
	padding: 5px;
	width:100%;
	background-color: #FEF4C5;
	border: 2px #999999 solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

ul.nav_side {
	list-style: none;
	margin-top: 5px;
	margin-bottom: 3px;
}
ul.nav_side a, ul.nav a:visited {
	display: block;
	background-color: rgba(250, 233, 215, 0.3);
	width:90%;
	/* height:40px; */
	line-height: 34px;
	font-size: 14px;
	font-weight:600;
	text-shadow: 1px 1px 2px #333;
	text-decoration: none;
	background:url(../img/side_nav.png);
background-size: cover;
	background-repeat:no-repeat;
	color: #FFF;
	letter-spacing: normal;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
/*	margin-bottom:2px;*/
	/* padding-top: 10px; */

}
ul.nav_side a:hover, ul.nav_side a:active, ul.nav_side a:focus {
	background:url(../img/side_nav_over.png);
background-size: cover;
	background-repeat:no-repeat;
}
div.rage_button_teisei {
	float: right;
	width: 72px;
	height: 21px;
	position:absolute;
	bottom: 8px;
	right: 8px;
}
div.rage_button_teisei a {
	display: block;
	margin: 0px;
	overflow: hidden;
	text-decoration: none;
	height: 100%;
	background: url('../img/teisei.jpg') top left no-repeat;
	color: #2C2794;
	font-family: 'ＭＳ Ｐゴシック';
	font-size:14px;
	line-height: 21px;
	text-align: center;
}div.rage_button_teisei a:hover {
	background-position: -72px 0;
	color: #FF0009;
}
div.rage_button_teisei a:active {
	background-position: -144px 0;
	color: #0808FF;
}
.page_first {
	width: 80px;
	font-size: 12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	padding: 2px;
	text-align:right;
	margin: 5px 0 0 10px;
}
.page_last {
	width: 80px;
	font-size: 12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	float:left;
	padding: 2px;
	margin: 5px 0 0 5px;
}
.shousai02 {
	width: 100%;
	text-align: right;
	position: relative;
}
.shousai02 a {
	display:block;
	width: 80px;
	font-size:14px;
	color: #E16388;
	text-align:center;
	font-weight:bold;
	text-decoration: none;
	position:absolute;
	right: 10px;
	top: 0px;
}
.shousai02 a:hover, .shousai02 a:active, .shousai02 a:focus {
	right: 5px;
	color: #FFF;
	text-decoration: none;
	background-color: #E16388;
}
.shousai03 {
	width: 70%;
	margin-left: 50px;
}
div.notice {
	margin:10px 20px 20px 10px;
}
.notice-head {
	border:1px solid #F03;
	border-bottom:none;
	padding:5px 10px;
	background-color:#F03;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-top-left-radius:4px;
	-moz-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
.notice-body {
		border:1px solid #F03;
		border-top:none;
	padding:10px;
	background-color:#FEE0E7;
	color:#333;
	font-size:14px;
	line-height:1.5em;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 15px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #FC5C08;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #FC5C08;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #FC5C08;
  border-color: #FC5C08;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.photo_box_in {
	margin-bottom: 5px;
}
.page {
	width: 780px;
	margin-left: 10px
	/* position: relative; */
}
.total {
	position: absolute;
	top:23px;
	right: 5px;
	color: #666;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
}
.smt {
	width: 180px;
	height: 42px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	color: #666;
	margin-top: 10px;
	-webkit-appearance: button;
}
.smt:hover {
	cursor: pointer;
	box-shadow: 1px 1px 3px #666;
}
.btn2{
	width:100%;
	margin-top:20px;
	position: relative;
}
.btns0{
	width:135px;
	text-align:center;
	float:left;
}
.btns3{
	width:140px;
	text-align:center;
	float:left;
}
.btns4{
	width:300px;
	text-align:center;
	float:left;
}
.machigai_btn {
    width: 180px;
    font-size: 11px;
    font-weight: lighter;
    float: left;
    line-height: 1.2em;
}
.btn_back2 {
	width: 100px;
	font-size:14px;
	font-weight:bold;
	line-height: 1.5em;
	text-align: center;
	margin:auto;

}
.btn_back2 a:link {
	background: url(../../images/shousai_back.png) top left no-repeat;
	color: #333;
	text-shadow: 3px 3px 3px #FFF;
	display: block;
}
.btn_back2 a:hover , .btn_back a:active, .btn_back a:focus {
	background: url(../../images/shousai_back.png) 0px -20px;
	color: #333;
}
#pageTop {
z-index: 2;
	color:rgba(245, 149, 149, 0.625);
	padding:5px;
	position:fixed;
	bottom:90px;
	right:12px;
}
#pageTop:hover {
	color:rgba(245, 128, 128, 0.9);
	background-color: transparent;
}