@charset "utf-8";
/* CSS Document */

/************************************************************
 * reset css
************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; -webkit-text-size-adjust:none; font-family:sans-serif; -webkit-margin-before:0; -webkit-margin-after:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input, textarea { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
img { vertical-align:bottom; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/************************************************************
 * etc
************************************************************/

/* link */
a { color:#11c; outline:none; text-decoration:none; }

/* float */
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

/* color */
.color1 { color:#333; }
.color2 { color:#952E97; }
.color3 { color:#999; }
.color4 { color:#f00; }

/* font */
.bold { font-weight:bold; }
.tl { text-align:left; }
.tr { text-align:right; }

/************************************************************
 * body
************************************************************/

body { width:100%; overflow:hidden; color:#333; font-size:14px; line-height:1.6em; background:#333; }

/************************************************************
 * h1
************************************************************/

h1 { color:#fff; text-align:center; background:#952E97; background:-webkit-linear-gradient(top, #952E97, #34163a); }

/************************************************************
 * header
************************************************************/

header { background:#fff; padding:0 10px 10px; }
header img { float:right; }
header table { width:100%; margin:0 auto; }
a.header_button { display:block; position:relative; float:left; margin-top:13px; padding:5px 5px 5px 30px; border:1px solid #ccc; border-radius:5px; }

/************************************************************
 * contents
************************************************************/

.contents { background:#fff; margin:10px; padding:10px; border:1px #ccc solid; border-radius:5px; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5); }

/************************************************************
 * title
************************************************************/

.title { color:#fff; font-weight:bold; text-shadow:-1px -1px 2px rgba(0, 0, 0, 0.8); background:#952E97; background:-webkit-linear-gradient(top, #952E97, #34163a); padding:3px 10px; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5); }

/************************************************************
 * pager
************************************************************/

.pager { padding:0 10px 10px; overflow:hidden; clear:both; }
a.pager_l, a.pager_r { display:block; position:relative; background:#fff; border:1px solid #ccc; border-radius:5px; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.5); }
.pager_l { float:left; padding:5px 10px 5px 30px; }
.pager_r { float:right; padding:5px 30px 5px 10px; }
.pb0 { padding-bottom:0; }

/************************************************************
 * menu
************************************************************/

.menu { display:block; overflow:hidden; clear:both; margin:10px 0; }
.menu li { display:block; width:50%; float:left; background:#fff; background:-webkit-linear-gradient(top,#fff,#ccc); border-bottom:1px solid #fff; }
.menu a { display:block; position:relative; color:#952E97; font-weight:bold; text-shadow:1px 1px 0 #fff; text-align:left; padding:10px 0 10px 10px; border:1px solid #ccc; border-right-color:#fff; }
/* ico_arrow */
.ico_arrow01 { position:absolute; top:50%; right:5px; margin-top:-10px; width:20px; height:20px; background:#ccc url(/s/img/common/arrow01.png); border-radius:10px; -webkit-box-shadow:1px 1px 0 #fff; }
.ico_arrow02 { position:absolute; top:50%; left:5px; margin-top:-10px; width:20px; height:20px; background:#ccc url(/s/img/common/arrow02.png); border-radius:10px; -webkit-box-shadow:1px 1px 0 #fff; }

/************************************************************
 * tel
************************************************************/

.tel01 input { cursor:pointer; color:#12C; font-size:14px; font-weight:bold; padding:2px 5px; border:1px #ccc solid; border-radius:5px; }

/************************************************************
 * other
************************************************************/

/* other_stt */
.other_stt { color:#952E97; margin:10px 0; padding-left:5px; border-left:5px solid #952E97; border-bottom:1px solid #952E97; }
.contents .other_stt:first-child { margin-top:0; }

/* other_bar */
.other_bar { height:0; line-height:0; margin:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #eee; }

/************************************************************
 * copyright
************************************************************/

.copyright { color:#fff; font-weight:bold; text-shadow:-1px -1px 0 #300; text-align:center; background:#952E97; background:-webkit-linear-gradient(top, #952E97, #34163a); padding:5px 0; }
.copyright a { color:#fff; }