@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

/* for IE5.5-7 */
.clrfix {
  zoom: 1;
}
.clrfix:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
/* for MacIE */
/*\*/*/ .clrfix {
 display: inline-table;
}
/**/


/* tags
---------------------------------------------------- */
html {
  overflow-y: scroll;
}
body {
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: #333;
  font: 62.5% Arial, Helvetica, sans-serif;
  font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, san-serif;
}
a:link, a:visited {
  color: #0055AA;
  text-decoration: none;
}
a:hover, a:active {
  color: #f60;
  text-decoration: none;
}
img {
  border-style: none;
  vertical-align: bottom;
}


h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0px;
}

p {
  font-size: 1.3em;
  line-height: 180%;
  margin: 10px 0px 10px 0px;
  padding: 0px;
}

ul {
  font-size: 1.2em;
  line-height: 180%;
  font-weight: bold;
  margin: 0 0 15px 0;
}

li {
  font-weight: normal;
}



#gnavi {
  background: none repeat scroll 0 0 #FFFFFF;
}

/* bookimg-shadow
---------------------------------------------------- */
li.product img {
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.dtline1 img.home_bx2img, li.jcarousel-item a img {
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

#mycarousel li {
	padding:3px 5px !important; 
}


/* adlink
---------------------------------------------------- */
#adlink {
  background:url(/static/common/images/test/adlink.gif) no-repeat left top;
  text-align: left;
  padding-left: 50px;
  width:592px;
  margin: 8px auto 8px auto;
}
#adlink a {
  margin: 0 8px 0 0;
  text-decoration:none;
  font-size:1em;
}
/* common class
---------------------------------------------------- */
.txtbold1 {
  color: #f60;
}
.txtsmall {
  font-size: 11px;
}
.bnrbx1 {
  margin: 0px 0px 20px;
}
/* 一覧リンク
---------------------------------------------------- */
.list {
  background:url("/static/common/images/ar2.gif") no-repeat scroll right center transparent;
  clear:both;
  margin:0;
  padding:0 18px 0 0;
  text-align:right;
}
/* html5対応
==================================================================== */


section, hgroup, nav, article, header, footer {
  display:block;
}
body {
  background: #E6E6E6 url(/static/common/images/back.gif) repeat;
}
a:hover, a:active {
  text-decoration: none;
  background: #E1F3F9;
}
img {
  border-style: none;
  vertical-align: top;
}


/* ヘッダー
==================================================================== */

nav #search {
  width:280px;
  float:right;
  background:none;
  padding:0;
}
#search form {
  background:none;
  padding:0;
  margin:0;
}
#search input {
  background: url(/static/common/images/search.png) no-repeat left center;
  border:#CCC solid 1px;
  padding:5px 5px 5px 20px;
  float:left;
}
#search form button {
  border: 0 none;
  cursor: pointer;
  height: 30px;
  width: 54px;
  background: url(/static/common/images/bo_search.png) no-repeat center top;
  padding:0;
}

#search form input.size1 {
  width:196px;
}
#search form button span {
  display: none;
}
#search form select, #search form input, #search form span {
  vertical-align: middle;
}


/* NEW ヘッダー
==================================================================== */

header {
  margin: 0;
  padding: 0;
  background: #eee4e2; 
}

/* header1--------------------------------- */  
.header-row1 {
  background-image: url(/static/common/images/header/back.jpg) !important; 
  background: repeat-x;
  background-color: #58514b; 
  height: 31px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.IE_margin_auto {
  text-align: center; // IEでセンタに表示させるため
  padding: 0;
}

.inner01 {
  width: 972px;
  margin: 0 auto 0 auto;
  padding: 0;
}

h1.logo {
  display:inline;
  float:left;
  background: url(/static/common/images/header/seshop_logo.png) no-repeat;
  width: 202px;
  border:none;
  margin: 0 0 0 5px;
  padding: 0;

}

h1.logo a:hover {
  background: url(/static/common/images/header/seshop_logo_over.png) no-repeat;
  width: 202px;
  margin: 0;
}

h1.logo a {
  display: block;
  height: 30px;
}

img {
  border: 0;
}

.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav ul li{
  display: inline;
  float: left;
  height: 30px;
}

.nav ul li a {
  display: block;
  height: 30px;
}

.nav ul li.user{
  background: url(/static/common/images/header/nav.png) no-repeat 0px 0px;
  width: 93px;
  margin: 0 0 0 40px;
}

.nav ul li.user a:hover {
  background: url(/static/common/images/header/nav.png) no-repeat 0px -68px;
  width: 93px;
  margin: 0;
}

.nav ul li.membermenu {
  background: url(/static/common/images/header/nav.png) no-repeat 0px -34px;
  width: 113px;
  margin: 0 0 0 40px;
}

.nav ul li.membermenu a:hover {
  background: url(/static/common/images/header/nav.png) no-repeat 0px -102px;
  width: 113px;
  margin: 0;
}


.nav ul li.login {
  background: url(/static/common/images/header/nav.png) no-repeat -107px 0px;
  width: 117px;
  margin: 0 0 0 15px;
}

.nav ul li.login a:hover {
  background: url(/static/common/images/header/nav.png) no-repeat -107px -68px;
  width: 117px;
  margin: 0;
}

.nav ul li.logout {
  background: url(/static/common/images/header/nav.png) no-repeat -118px -34px;
  width: 97px;
  margin: 0 0 0 15px;
}

.nav ul li.logout a:hover {
  background: url(/static/common/images/header/nav.png) no-repeat -118px -102px;
  width: 97px;
  margin: 0;
}

.nav ul li.help {
  background: url(/static/common/images/header/nav.png) no-repeat -218px 0px;
  width: 140px;
  margin: 0 0 0 15px;
}

.nav ul li.help a:hover {
  background: url(/static/common/images/header/nav.png) no-repeat -218px -68px;
  width: 140px;
  margin: 0;
}

/* header2 menu book--------------------------------- */  
.header-row2 {
  background: #eee4e2;
  height: 37px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.inner02 {
  width: 972px;
  margin: 5px auto 5px auto;
  padding: 0;
}

.header-row2 .menu {
  display:inline;
  float: left;
  margin: 0 5px 0 0;
}

.header-row2 .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.header-row2 .menu ul li {
  display: inline;
  float: left;
  height: 27px;
}

.header-row2 .menu ul li a {
  display: block;
  height: 27px;
}

.menu ul li.book {
  background: #fff url(/static/common/images/header/menu.png) no-repeat 0px 0px;
  width: 75px;
  margin: 0px;
}

.menu ul li.book a:hover {
  background: #fff url(/static/common/images/header/menu.png) no-repeat 0px -29px;
  width: 75px;
  margin: 0;
}


.menu ul li.book_shikaku {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -74px 0px;
  width: 45px;
  margin: 0px;
}

.menu ul li.book_shikaku a:hover {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -74px -29px;
  width: 45px;
  margin: 0;
}

.menu ul li.book_gijyutu {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -117px 0px;
  width: 45px;
  margin: 0px;
}

.menu ul li.book_gijyutu a:hover {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -117px -29px;
  width: 45px;
  margin: 0;
}

.menu ul li.book_keiei {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -161px 0px;
  width: 34px;
  margin: 0px;
}

.menu ul li.book_keiei a:hover {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -161px -29px;
  width: 34px;
  margin: 0;
}

.menu ul li.book_design {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -193px 0px;
  width: 64px;
  margin: 0px;
}

.menu ul li.book_design a:hover {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -193px -29px;
  width: 64px;
  margin: 0;
}

/* header2 menu soft--------------------------------- */

.menu ul li.soft {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -254px 0px;
  width: 103px;
  margin: 0px;
}

.menu ul li.soft a:hover {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -254px -29px;
  width: 103px;
  margin: 0;
}

.menu ul li.soft_grapecity {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -355px 0px;
  width: 77px;
  margin: 0px;
}

.menu ul li.soft_grapecity a:hover {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -355px -29px;
  width: 77px;
  margin: 0;
}

.menu ul li.soft_embarcadero {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -430px 0px;
  width: 94px;
  margin: 0px;
}

.menu ul li.soft_embarcadero a:hover {
  background: #fff url(/static/common/images/header/menu.png) no-repeat -430px -29px;
  width: 94px;
  margin: 0;
}

.menu ul li.cart0  {
  background: #fff url(/static/common/images/header/menu.png)  no-repeat -540px 0px;
  width: 34px;
  margin: 0;
}

.menu ul li.cart0 a:hover {
  background: #fff url(/static/common/images/header/menu.png)  no-repeat -540px -29px;
  margin: 0;
  width: 34px;
}


.menu ul li.cart-point {
  background: #fff;
  margin: 0;
  width: 391px;
}

.menu ul li.cart-point a:hover {
  margin: 0;
  width: 391px;
}

.menu ul li.cart-point p {
  font-size: 1.1em;
  text-align: left;
  padding: 4px 0 0 10px;
  margin: 0;
}


ul.slide {
  overflow: hidden;
  width: 276px;
  height: 26px;
  margin: 3px 0 0 60px;
  padding: 0;
  display:inline;
  float: left;

}

ul.slide li {
  list-style: none;
  display:inline;
  float: left;
}


/* homeトップ
==================================================================== */


#home_contents section, #main section {
  background: #FFF;
  padding:10px;
  margin-bottom: 20px;
}
#home_contents section h2 {
  /* margin:10px 0 10px;
   padding:0; */
}

.home_sp {
  background: #FFF;
  padding:0;
  margin-bottom: 0;
}
.home_new {
  background: #FFF;
  padding:0;
  margin-bottom: 0;
}
.home_genre {
  background: #FFF;
  padding:0;
  margin-bottom: 0;
}
/* aside
==================================================================== */
aside {
  float: right;
  width: 280px;
  padding:12px 0 0;
}
aside section {
  background: #FFF;
  padding: 10px;
}
aside h2 {
  text-align:center;
  margin-bottom: 10px;
}
aside #cart, aside #info, aside #new, aside #rank, aside #support, aside #sp, aside #kikaku, aside #login {
  /* background:#FFF url(none);*/
  background:#FFF;
  padding:10px;
  margin: 0px 0px 20px;
  overflow:hidden;
  _zoom:1;
}

h2.aside_caption {
  font-size: 1.4em;
  text-align: center;
  line-height: 1.0em;
  font-weight: normal;
  padding: 5px 0 0 0;
}

aside #login {
  border: 1px solid #FF9900;
  background:#FFEACA;
}
/* カート
==================================================================== */
aside #cart p {
  padding:0;
  font-weight: bold;
  text-align: right;
  /* background: url(none);*/
  background: none;
  margin:0;
}
aside #cart ul {
  padding:0;
  margin: 0px;
  list-style: none;
}
#cart p img {
  vertical-align: middle;
  margin: 0px 0px 2px 10px;
}
/* お知らせ
==================================================================== */
aside #info dl {
  padding:0;
  margin: 0px;
}
#info p {
  padding:0;
  /* background: url(none);*/
  background: none;
  margin:0;
  text-align: right;
}
aside #info h2 {
  margin: 0px 0px 10px;
}
aside #info dt {
  font-size: 1.3em;
  line-height: 110%;
  color: #f60;
  margin: 0px;
  padding: 0px;
}
aside #info dd {
  font-size: 1.3em;
  line-height: 160%;
  margin: 0px 0px 7px;
  padding: 0px 0px 7px;
  background: url(/static/common/images/dt1.gif) repeat-x left bottom;
}
aside #info p a {
  background: url(/static/common/images/ar2.gif) no-repeat right center;
  padding: 0px 18px 0px 0px;
}
/* 新着・ランキング
==================================================================== */
#new ul, #rank ul, #support ul {
  background:none;
  padding:0;
  list-style: none outside none;
  margin:0;
}
#new dl, #rank dl {
  width: 200px;
  float: right;
  margin: 0px;
  padding: 0px;
}
#new p, #rank p {
  margin: 0;
  clear: both;
  background: url(/static/common/images/ar2.gif) no-repeat right center;
  text-align: right;
  padding: 0px 18px 0px 0px;
}
#new h2, #rank h2 {
  margin: 0px 0px 10px;
}
#new ul li, #rank ul li {
  background: url(/static/common/images/dt1.gif) repeat-x left bottom;
  display: block;
  margin: 0px 0px 8px;
  padding: 0px 0px 12px;
  clear: both;
}
#new img.imgleft, #rank img.imgleft {
  float: left;
}
#new dt, #rank dt {
  font-size: 1.3em;
  padding: 0px;
  margin: 0px;
  line-height: 150%;
}
#new dd, #rank dd {
  font-size: 1.2em;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
}
#rank dt.rank1 {
}
#rank dt.rank2 {
}
#rank dt.rank3 {
}
/* 右メニュースペシャルショップ・広告企画
==================================================================== */

#sp ul, #kikaku ul {
  padding:0;
  margin: 0px;
  line-height: 150%;
  list-style: none;
}
#sp, #kikaku {
  margin: 0px 0px 20px;
  padding: 0px 0px 2px;
}
#sp h2, #kikaku h2 {
  margin: 0px 0px 10px;
}
#sp ul li {
  _zoom: 1;
  overflow: hidden;
  background: url(/static/common/images/dt1.gif) repeat-x left bottom;
  display: block;
  margin: 0px 0px 8px;
  padding: 0px 0px 0px;
  clear: both;
}
#sp dl, #kikaku dl {
  margin:0;
  padding:0;
}
#sp dt {
  background:url("/static/common/images/ar3.gif") no-repeat scroll left center transparent;
  font-size: 1.1em;
  line-height: 140%;
  margin:0 0 6px;
  padding:0 0 0 20px;
}
/* support
---------------------------------------------------- */

#support h2 {
  margin: 0px 0px 8px;
}
#support li, #kikaku ul li, #cart ul li {
  font-size: 1.1em;
  line-height: 180%;
  background: url(/static/common/images/ar4.gif) no-repeat left 4px;
  padding: 0px 0px 0px 18px;
}
/* スペシャルショップh2相殺
==================================================================== */
#home_contents section#special h2 {
  margin: 0 0 10px;
  padding: 10px 0 10px 10px;
}
/* フッター
==================================================================== */
footer {
  clear: both;
  background: #ffffff;
  margin: 0;
}
#footer_home {
  margin: 0px auto;
  width: 972px;
  text-align: left;
  padding: 20px 0px 20px;
}

footer h1#logo {
  border: medium none;
  float: left;
  margin: 0px 0 20px;
  padding: 0;
  width: 205px;
}

footer .toolmenu {
  clear:both;
  padding-bottom: 10px;
  overflow:hidden;
  _zoom:1;
}
footer .toolmenu ul {
  list-style-type: none;
  margin:0;
  padding:0;
}
footer .toolmenu ul li {
  display: block;
  float: left;
  margin-right: 15px;
}
footer .toolmenu ul li a {
  color:#600;
  font-weight:bold;
}
footer .toolmenu ul li.login {
  background: url(/static/common/images/footer-nav.png) no-repeat -32px -20px;
  padding-left:18px;
  padding-bottom: 2px;
}
footer .toolmenu ul li.account {
  background: url(/static/common/images/footer-nav.png) no-repeat -191px -20px;
  padding-left:18px;
  padding-bottom: 2px;
}
footer .toolmenu ul li.cart {
  background: url(/static/common/images/footer-nav.png) no-repeat -351px -20px;
  padding-left:20px;
  padding-bottom: 2px;
}
footer .toolmenu ul li.help {
  background: url(/static/common/images/footer-nav.png) no-repeat -514px -20px;
  padding-left:18px;
  padding-bottom: 2px;
}

footer ul {
  clear:both;
  margin: 0;
  padding: 0 0 10px;
}


footer li {
  display:inline;
  margin: 0px 15px 0px 0px;
  padding: 0px;
}
footer #search {
  width:280px;
  float:right;
  background:none;
  padding:0;
}

#footer_body {
  margin: 0px auto;
  width: 98%;
  min-width: 972px;
  text-align: left;
  padding: 25px 0px 20px;
}
.footer_ul1 {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
  width: 241px;
}
.footer_ul1 li {
  font-size: 1.2em;
  line-height: 180%;
  background: url(/static/common/images/ar5.gif) no-repeat left 6px;
  padding: 0px 0px 0px 11px;
}
.footer_ul2 {
  margin:0;
  padding: 0px 0px 0px 11px;
}
.footer_ul2 li {
  font-size: 12px;
  line-height: 180%;
  padding: 0px 0px 0px 0px;
  margin:0;
  background:none;
  list-style:none;
}
#footer_r {
  float: right;
  width: 490px;
  text-align: right;
}
ul.totop {
  margin: 0px auto;
  padding: 0px;
  list-style: none;
  width: 972px;
}
ul.totop li {
  background: url(/static/common/images/ar6.gif) no-repeat right center #FFF;
  padding: 5px 17px 5px 5px;
  float:right;
}
#footer_r p {
  margin: 0px 0px 5px;
}
#footer_r div img {
  vertical-align: middle;
  margin: 0px 0px 0px 15px;
}
/* 右メニューログインフォーム
==================================================================== */

.login input, textarea {
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.login input:focus, textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}
.login input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
  box-shadow: none;
  outline: thin dotted #333333;
  outline-offset: -2px;
}




/* 右メニューログインフォーム
==================================================================== */
#login form {
  margin:0;
  padding:0;
}

#login .control-group {
  margin-bottom: 8px;
  *zoom: 1;
    clear: both;
}

#login ul {
  margin:0;
  padding-left:20px;
}
#login li {
  margin-bottom:5px;
  }



#login input, #login textarea, #register input, #register textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  /*width:96%;*/
}
#login input, #login textarea, #register input, #register textarea {
  height: 18px;
  padding: 4px;
  font-size:1.3em;
  line-height: 18px;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#login input:focus, #login textarea:focus, #register input:focus, #register textarea:focus {
  border: 1px solid;
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}
#login label ,#login-footer label {
  color: #333333;
  display: block;
  font-size:1.3em;
  margin: 0px 0px 5px;
  padding: 0px;
}
#login .btn , #login-footer .btn {
  border:1px solid #d6d6d6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family:arial, helvetica, sans-serif;
  padding: 7px;
  padding : 5px\9; /* IE8 and below */
  text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
  font-weight:bold;
  text-align: center;
  color: #696969;
  background-color: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dedede));
  background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
  background-image: -moz-linear-gradient(top, #ffffff, #dedede);
  background-image: -ms-linear-gradient(top, #ffffff, #dedede);
  background-image: -o-linear-gradient(top, #ffffff, #dedede);
  background-image: linear-gradient(top, #ffffff, #dedede);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dedede);
  cursor:pointer;
  height:auto;
  width:auto;
  box-shadow:none;
  margin:0 3px 0 0;
}
#login .btn:hover {
  border:1px solid #d6d6d6;
  background-color: #d6d6d6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #dedede));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -moz-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -ms-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -o-linear-gradient(top, #e6e6e6, #dedede);
  background-image: linear-gradient(top, #e6e6e6, #dedede);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#dedede);
}
#login .btn-login,
#login .btn-login:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

#login .btn-login {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  width:100%;
}
#login .btn-login:hover,
#login .btn-login:active,
#login .btn-login.active,
#login .btn-login.disabled,
#login .btn-login[disabled] {
  background-color: #f89406;
  background-image:none;
    border-color: #f89406 #f89406 #ad6704; 
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f89406, endColorstr=#f89406);


}
#login .btn-login:active,
#login .btn-login.active {
  background-color: #c67605 \9;
}
#login .btn-regist,
#login .btn-regist:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}


#login .btn-regist {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    width:100%;

}
#login .btn-regist:hover,
#login .btn-regist:active,
#login .btn-regist.active,
#login .btn-regist.disabled,
#login .btn-regist[disabled] {
  background-color: #5bb75b;
   background-image:none;
     border-color: #51a351 #51a351 #387038;

  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#51a351, endColorstr=#51a351);

}
#login .btn-regist:active,
#login .btn-regist.active {
  background-color: #408140 \9;
}

/* /user/login
==================================================================== */
#home_contents #login {
  width:60%;
  margin:0 auto;
}

#home_contents #login .btn-login ,#home_contents  #login .btn-regist {
  width:auto;
}

#home_contents #login .btn-large {
    border-radius: 5px 5px 5px 5px;
    font-size: 15px;
    line-height: normal;
    padding: 9px 14px;
}




/* 会員登録フォーム
==================================================================== */

#register label {
  color: #333333;
  display: block;
  font-size:1.3em;
  margin: 0px 0px 5px;
  padding: 0px;
}
#register input, #register textarea {
  width:auto;
  margin-bottom:9px;
}
#register .btn {
  border:1px solid #d6d6d6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family:arial, helvetica, sans-serif;
  padding: 7px;
  padding : 5px\9; /* IE8 and below */
  text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
  font-weight:bold;
  text-align: center;
  color: #696969;
  background-color: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dedede));
  background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
  background-image: -moz-linear-gradient(top, #ffffff, #dedede);
  background-image: -ms-linear-gradient(top, #ffffff, #dedede);
  background-image: -o-linear-gradient(top, #ffffff, #dedede);
  background-image: linear-gradient(top, #ffffff, #dedede);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dedede);
  cursor:pointer;
  height:auto;
  width:auto;
  box-shadow:none;
  margin:0 auto 0 auto;
}
#register .btn:hover {
  border:1px solid #d6d6d6;
  background-color: #d6d6d6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #dedede));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -moz-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -ms-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -o-linear-gradient(top, #e6e6e6, #dedede);
  background-image: linear-gradient(top, #e6e6e6, #dedede);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#dedede);
}
.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
  font-size:1.3em;
  color:#666;
}
#register .btn-entry {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
 *background-color: #bd362f;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter: progid:dximagetransform.microsoft.gradient(startColorstr=#ee5f5b, endColorstr=#bd362f, GradientType=0);}

#register .btn-entry:hover, #register .btn-entry:active, #register .btn-entry.active, #register .btn-entry.disabled, #register .btn-entry[disabled] {
  background-color: #bd362f;
 *background-color: #a9302a;
  border:1px solid #bd362f;
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#bd362f, endColorstr=#bd362f);

}

/* フッターのログインフォーム
==================================================================== */
#footer-login {
  background: #FFEACA url(/static/common/images/footer-login.gif) no-repeat scroll left top;
  border: 1px solid #FF9900;
  overflow:hidden;
  _zoom:1;
  margin: 0 auto 20px auto;
  text-align: left;
  width: 972px;
}


#footer-login form {
  margin:8px 0 0 10px;
  padding:0;
  float:left;
}

#footer-login .control-group {
  margin-bottom: 8px;
  *zoom: 1;
    clear: both;
}

#footer-login ul {
  font-size:1.2em;
  margin:0;
  padding-left:20px;
}
#footer-login li {
  margin-bottom:5px;
  }



#footer-login input, #footer-login textarea{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
#footer-login input, #footer-login textarea {
  height: 18px;
  padding: 4px;
  font-size:1.3em;
  line-height: 18px;
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width:300px;
}
#footer-login input:focus, #footer-login textarea:focus {
  border: 1px solid;
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0 none;
}
#footer-login label {
  color: #333333;
  display: block;
  font-size:1.3em;
  margin: 0px 5px 5px 0px;
  float: left;
  padding-top: 5px;
  text-align: right;
  width: 140px;
}
#footer-login .btn {
  border:1px solid #d6d6d6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family:arial, helvetica, sans-serif;
  padding: 7px;
  padding : 5px\9; /* IE8 and below */
  text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
  font-weight:bold;
  text-align: center;
  color: #696969;
  background-color: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dedede));
  background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
  background-image: -moz-linear-gradient(top, #ffffff, #dedede);
  background-image: -ms-linear-gradient(top, #ffffff, #dedede);
  background-image: -o-linear-gradient(top, #ffffff, #dedede);
  background-image: linear-gradient(top, #ffffff, #dedede);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#dedede);
  cursor:pointer;
  height:auto;
  width:auto;
  box-shadow:none;
  margin:0 3px 0 0;
}
#footer-login .btn:hover {
  border:1px solid #d6d6d6;
  background-color: #d6d6d6;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #dedede));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -moz-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -ms-linear-gradient(top, #e6e6e6, #dedede);
  background-image: -o-linear-gradient(top, #e6e6e6, #dedede);
  background-image: linear-gradient(top, #e6e6e6, #dedede);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e6e6e6, endColorstr=#dedede);
}
#footer-login .btn-login,
#footer-login .btn-login:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

#footer-login .btn-login {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

#footer-login .btn-login:hover,
#footer-login .btn-login:active,
#footer-login .btn-login.active,
#footer-login .btn-login.disabled,
#footer-login .btn-login[disabled] {
  background-color: #f89406;
  background-image:none;
    border-color: #f89406 #f89406 #ad6704; 
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f89406, endColorstr=#f89406);


}
#footer-login .btn-login:active,
#footer-login .btn-login.active {
  background-color: #c67605 \9;
}
#footer-login .btn-regist,
#footer-login .btn-regist:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}


#footer-login .btn-regist {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}
#footer-login .btn-regist:hover,
#footer-login .btn-regist:active,
#footer-login .btn-regist.active,
#footer-login .btn-regist.disabled,
#footer-login .btn-regist[disabled] {
  background-color: #5bb75b;
   background-image:none;
     border-color: #51a351 #51a351 #387038;

  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#51a351, endColorstr=#51a351);

}
#footer-login .btn-regist:active,
#footer-login .btn-regist.active {
  background-color: #408140 \9;
}

/* アラート */
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert {
padding: 5px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}