@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body 				{
	font-family: 'Droid Serif','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Helvetica Neue", Helvetica,;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
	transition-timing-function: linear, ease-in;
}

header#overview {
}

#h1_sitename {
	padding:0 18px;
}

.navbar .nav li a {
	text-decoration: none;
	padding: 10px 20px;
	display: block;
}


#level_0 ,#level_1 , #level_2 , #level_3 , #level_4{
	padding:20px 0 30px;
}
#level_0 .row > div {
	padding:15px;
	margin:3px;
}
#wrap {
	margin:15px 0;
}
#xoops_contents {
	overflow: hidden;
}
#main-content {
	padding:10px;
	margin: 10px 0 0;
}
#side_bar {
	padding:10px;
}

.fixed2 {
  top: 28px;
}

#footer ,
footer {
	width: 100%;
	min-height:50px;
	padding: 5px 0 40px;
	text-align:center;
	line-height:40px;
	font-size: 90%;
}
#footer a ,
footer a {
	text-decoration:none;
}

#footer_menu {
	padding-top:10px;
}

#level_foot {
	margin-top:30px;
	text-align:left;
}

#footer #level_foot,
footer #level_foot{
	font-size: 100%;
	line-height:2em;
}
#footer #level_foot h3,
footer #level_foot h3,
#footer #level_foot h4,
footer #level_foot h4 {
	font-size: 110%;
	line-height:2em;
}

pre {overflow: auto; font-size: 12px; }


/* XOOPS Code & Quote */
.xoopsCode {
  font-family: "Courier New",Courier,monospace;
	font-size:12px;
	width:80%;
  padding: 6px;
	margin:10px;
	margin-bottom:0;
	word-break: break-all;
	overflow: auto;
}
.xoopsQuote {
	width:80%;
  padding: 3px;
	overflow: auto;
}

.xoopsCode pre{
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

/* for xugj_date */
.new1 {
	margin-left:5px;
	font-weight:bold;
}
.new2 {
	margin-left:5px;
}

#theme_login_block_div ,
#theme_login_block {
	width:240px;
	height:240px;
}
#privatemessages {
	list-style:none;
}

#usermenu li ,
ul#privatemessages li,
#mainmenu li {
	width:98%;
	margin:0;
}
#usermenu li a,
ul#privatemessages li a,
#mainmenu li a{
	padding:4px 10px;
}
#usermenu li a.menuSub,
#mainmenu li a.menuSub{
	padding:2px 0 2px 20px;
	font-size:85%;
}

.padding10 {
	padding-left:10px;
}

/* bootstrap add */

h1,h2,h3,h4,h5,h6 {
	padding-bottom:7px;
}

h1,h2,h3 {
	font-family: 'Droid Serif',"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:bold;
	font-weight:900;
}

.nav li a {
	text-decoration: none;
	color:red;
	padding: 12px 10px;
	display: block;
}
.nav li a:hover {
	background: #666;
}
.nav li a.act {
	background: #666;
}


[class*="span"] {
	padding-bottom:20px;
}
[class*="grid"] {
  float: left;
  margin-left: 20px;
	padding-bottom:20px;
}

[class*="span"] {
	padding-bottom:20px;
}
[class*="grid"] {
  float: left;
  margin-left: 20px;
	padding-bottom:20px;
}

.grid12 {
  width: 940px;
}
.grid11 {
  width: 860px;
}
.grid10 {
  width: 780px;
}
.grid9 {
  width: 700px;
}
.grid8 {
  width: 620px;
}
.grid7 {
  width: 540px;
}
.grid6 {
  width: 460px;
}
.grid5 {
  width: 380px;
}
.grid4 {
  width: 300px;
}
.grid3 {
  width: 220px;
}
.grid2 {
  width: 140px;
}
.grid1 {
  width: 60px;
}

@media (max-width: 767px) {
  [class*="grid"] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  [class*="grid"] {
    float: left;
    margin-left: 20px;
  }
  .grid12 {
    width: 724px;
  }
  .grid11 {
    width: 662px;
  }
  .grid10 {
    width: 600px;
  }
  .grid9 {
    width: 538px;
  }
  .grid8 {
    width: 476px;
  }
  .grid7 {
    width: 414px;
  }
  .grid6 {
    width: 352px;
  }
  .grid5 {
    width: 290px;
  }
  .grid4 {
    width: 228px;
  }
  .grid3 {
    width: 166px;
  }
  .grid2 {
    width: 104px;
  }
  .grid1 {
    width: 42px;
  }

}
@media (min-width: 1200px) {
  [class*="grid"] {
    float: left;
    margin-left: 30px;
  }
  .grid12 {
    width: 1170px;
  }
  .grid11 {
    width: 1070px;
  }
  .grid10 {
    width: 970px;
  }
  .grid9 {
    width: 870px;
  }
  .grid8 {
    width: 770px;
  }
  .grid7 {
    width: 670px;
  }
  .grid6 {
    width: 570px;
  }
  .grid5 {
    width: 470px;
  }
  .grid4 {
    width: 370px;
  }
  .grid3 {
    width: 270px;
  }
  .grid2 {
    width: 170px;
  }
  .grid1 {
    width: 70px;
  }
}

/* bootstrap add .end */

#socialbutton_div {
	clear:both;
}

input,
textarea {
  width: 94%;
}

#area_dhtmltarea input#textAddtext {
	width:300px;
}

@media (min-width: 1200px) {
	body {
		padding-top: 60px;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
	body {
		padding-top: 60px;
  }
}