/* Override some defaults */
html, body {
  background-color: #f6f6f6;
}
html {
    overflow-y:scroll;
    }
body {
  padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin:0px auto;
  background-repeat:repeat-x;
}

.container{
width:980px;
margin:0px auto;	
}

.loginbox {
  float:right;
  color:##909090
}

.loginbox a{
color:#999;
text-decoration:none;
}

.loginbox a:hover{
color:#999;
text-decoration:underline;
}

.hero {
	margin-top:20px;
  text-align: center;
  width:100%;
  color: #984908;
}

#hero_img{
	margin-top:5em;
}


#main_image {width:980px; height:340px;
background-image:url(../images/bg_main_image.jpg);
margin:0px auto;}

#main_image_L{
float:left;
margin:0px !important;
padding:0px !important;	
}


#main_image_R{
float:right;
width:570px;
height:306px;
background-image:url(../images/bg_mainimage_R.png);	
text-align:center;
}

#main_image_R h3{
	text-align:center;
	margin:0px !important;
	padding:25px 5px 0px 0px;
}


#mainBox{
float:left;
width:645px;	
padding-top:27px;
}



#sideBox{
float:right;
width:301px;	
padding-top:27px;
}

#pkls_1{
	background-image:url(../images/bg_pkls_1.gif);	
width:644px;
height:172px;
margin:0px 0px 20px;
padding:0px;
}

#pkls_1 h2{
	margin:0px !important;
	padding:0px !important;
height:51px !important;
}

#pkls_1 ul{
list-style-type:none;	
margin:0px auto !important;
padding:0px !important;
width:612px;
}
#pkls_1 ul li{
	float:left;
	padding-right:9px;
margin:0px !important;
}
#pkls_1 ul li.last{
	float:left;
	padding-right:0px;
}


h2#news_title{
height:42px !important;	
margin:0px !important;
}
#newscontent {
	width:624px;
	margin:0px auto;
}

#newscontent dl{
margin:10px 0px 20px !important;
padding:0px;	
}
#newscontent dt{
font-size:14px;
font-weight:bold;
}
#newscontent dd{
	padding:0px 0px 5px !important;
	margin:0px 0px 5px !important;
	border-bottom:1px dotted #cccccc;
	font-size:14px;
}


h2#faq_title{
height:42px !important;	
margin:0px 0px 10px !important;
}
#faqcontent{
margin-bottom:20px;	
}
#faqcontent h3{
	background-image:url(../images/icon_1.gif);
	background-repeat:no-repeat;
	padding:0px 0px 10px 19px;	
	margin:5px 0px 5px !important;
	font-size:18px;
	background-position:3px 9px;
}

#faqcontent h4,#faqcontent p{
	padding-left:17px;
	
}

#faqcontent h4{
color:#e97a02;
	background-image:url(../images/icon_2.gif);
	padding:0px 0px 0px 19px;	
	background-position:3px 3px !important;
	background-repeat:no-repeat;
	margin:5px 0px !important;
}


#faqcontent p{
border-left:3px solid #fce4cb;	
margin:0px 0px 0px 10px!important;
padding:3px 20px 10px 10px !important;
}



h2#movie2_title{
height:42px !important;	
margin:0px 0px 20px !important;
}

#moviecontent{
text-align:center;
}


#sideBox h2{
margin:0px !important;	
}

#side_1{
	background-image:url(../images/bg_side_1.gif);
	background-repeat:no-repeat;	
}

h2 {
  color:#fc8106;
}

.container > footer p {
  text-align: center; /* center align it with the container */
}

/* The white background content wrapper */
.content {
  background-color: #fff;
  padding: 20px;
  margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* Page header tweaks */
.page-header {
  background-color: #f5f5f5;
  padding: 20px 20px 10px;
  margin: -20px -20px 20px;
}

/* Styles you shouldn't keep as they are for displaying this base example only */
.content .span12,
.content .sidebar {
  min-height: 500px;
}
.content .row {
  margin-bottom: 20px;
}
.content .row2 {
	margin-top:20px;
}
/* Give a quick and non-cross-browser friendly divider */
.content .sidebar {
  margin-left: 0;
  padding-left: 19px;
  border-left: 1px solid #eee;
}

.topbar .btn {
  border: 0;
}

input:focus, textarea:focus {
    border-color: rgba(82, 236, 168, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 236, 168, 0.6);
}

div.jGrowl.top-right {
    right: 0;
    top: 40px;
}

.memonavi {
  margin: 10px auto;
  width: 70%;
}

.formtable {
  margin: 10px auto;
  width: 70%;
}

.formtable th {
  text-align: right;
  width: 23%;
}
.formtable td {
  text-align: left;
}

.error_list {
  list-style: none;
  margin: 0;
}

.error_list li {
  color: #aa6666;
}
.icon_holder img {
  width: 28px;
}
.icon_img {
  width: 25px;
  margin: 2px;
  vertical-align: middle;
}

.memotable {
  margin: 10px auto;
}

#filterform {
  width: 700px;
}
#filterform form {
  margin-bottom: 0;
}
#jokyo {
  padding: 10px;
  width: 130px;
  float:right;
  background-color: #ffeeee;
  border: 1px solid #ffdddd;
  font-size: 10px;
}
#jokyo .bar {
 background-color: #ff6666;
}

.table th {
    vertical-align: top;
}

.dragfile {
  background-color: #fff0f0;
  border: 1px solid #ffaaaa;
  padding: 5px;
}

.dragfilememo {
  font-size: 9px;
  color: #999;
  text-align:right;
}

.login_error {
  padding: 10px;
  margin-bottom:10px;
  color: red;
  background-color: #ffeeee;
  border: 1px solid #ffdddd;
  font-size: 10px;
}
.navbar-search {
  color: #aaa;
}
.file_closer {
  float:right;
}

.head_message {
  margin: 30px auto;
  width: 50%;
}
#memo_title{
  width: 97%;
}
#memo_content {
  height: 300px;
  width: 97%;
}

.navbar .nav > li > a {
color: #eee;
}

.highlight {
  background-color: yellow;
}
.message {
  width:70%;
  margin:15px auto;
  padding: 10px;
  background-color: #fcfafa;
  border: 1px solid #cfcccc;
}


#footer{
height:100px;
background-image:url(../images/bg_footer.gif);
background-repeat:repeat-x;
text-align:center;
font-size:12px;	
color:#FFF;

}

#footer p{
padding:20px;	
}


#footer a{
color:#ffffff;	
text-decoration:none;
}
#footer a:hover{
color:#eeeeee;	
text-decoration:underline;
}

//130605end//