/******************************************************************************/
/* style.css for magazine */
/******************************************************************************/
/* Reset */
* { margin: 0; padding: 0;}
form { margin: 0;}
ul, ol { margin: 0; padding: 0;}
li {list-style: none;}

/* Layout */
html {
	height:100%;
/*  overflow-x:hidden;
	overflow-y:scroll;
*/
}
body {
	height:100%;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Helvetica Neue',sans-serif;
  font-size: 13px;
  color: #333;
  text-align: center;
	background:transparent ;
}

* html body {
	background:#dadada url(images/background01.png);
  overflow-x:hidden;
	overflow-y: scroll;
}

/* Headline */
h1 {font-size: 153.9%;}
h2 {font-size: 123.1%;}
h3 {font-size: 108%;}
h4, h5 {font-size: 100%;}
h6 {font-size: 100%;}
em {font-weight: bold; font-style: normal; color: #FF0000;}
p {margin: 10px 0; clear:both;}

h2.BlockTitle_a ,h2.BlockTitle_b , h2.BlockTitle_c , h2.BlockTitle_d , h2.BlockTitle_e ,
h3.BlockTitle_a ,h3.BlockTitle_b , h3.BlockTitle_c , h3.BlockTitle_d , h3.BlockTitle_e {
	background:transparent;
	border:none;
	border-bottom:1px solid #c0c0c0;
}

h2.BlockTitle_a , h3.BlockTitle_a{
	color:#c89932;
}
h2.BlockTitle_b ,h3.BlockTitle_b {
	color:#8d6449;
}
h2.BlockTitle_c ,h3.BlockTitle_c {
	color:#006e54;
}
h2.BlockTitle_d ,h3.BlockTitle_d {
	color:#44617b;
}
h2.BlockTitle_e ,h3.BlockTitle_e {
	color:#2a83a2;
}

/* Link color */
a , a:visited ,li a , li a:visited , dt a , dt a:visited ,dd a , dd a:visited ,p a , p a:visited {
	color:blue;
}

/* Font Size */
table {
    font-size:inherit;
    font:100%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


#outerwrapper {
	position: relative;
	height: 100%;
	width:100%;
	margin:0 auto;
	z-index: 90;
	background:transparent;
}
body>#outerwrapper {
	height:auto;
	min-height:100%;
	margin-botom:-2px;
}

/* Header */
#Header {
	position: relative;
	float:left;
  width: 100%;
  height: 20px;
	margin: 0;
	background: transparent;
}
* html #Header {
	overflow:hidden;
}

#outerwrapper #Container {
	position:relative;
	float:left;
	width:100%;
	min-width:800px;
	max-width:1473px;
	height:auto;
	padding:0;
  padding-bottom:40px;
  text-align: left;
}
* html #outerwrapper #Container {
	position:relative;
	width:96%;
	height:auto;
	padding:0;
	padding-left:260px;
}

#outerwrapper #Container #wrapper {
	position:relative;
	width:100%;
	height:100%;
	margin-left:240px;
	margin-right:260px;
}
* html #outerwrapper #Container #wrapper {
	position:static;
	float:right;
	width:98%;
	margin-left:-130px;
	margin-right:10px;
	margin-top:-20px;
}

#menu_column {
	position:relative;
	float: left;
	height:100%;
	min-height:100%;
	width:220px;
	padding-top:40px;
	margin-top:10px;
	text-align:left;
}
* html #menu_column {
	position:relative;
	height:100%;
	width:200px;
	padding-top:40px;
	margin-left:-130px;
	text-align:left;
}

#menu_column div.grid_m {
	margin-left:20px;
	padding:5px;
	background:rgba(255,255,255,0.5);
}
* html #menu_column div.grid_m {
	background:#fff;
	-ms-filter: "alpha( opacity=90 )";
	filter: alpha( opacity=90 );
	opacity: 0.9;
}

#menu_column div.grid_m h3 {
	background:rgba(0,0,0,0.2);
	border:none;
}
#Container #wrapper #h_line {
	position:relative;
	margin-right:280px;
	margin-top:30px;
}
* html #h_line {
	margin-top:-40px;
}

#Sitename{
    position: fixed;
    top: -28px;
    right: 150px;
    z-index: -1;
    width: 100px;
    transform: rotate(45deg); /* 時計回りに30度回転 */
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    color: rgba(200,200,200,0.5);
    font-size: 60px;
    font-weight: 700;
    font-style: oblique;
    font-family: Georgia normal, "Times New Roman", Times, serif;
    text-align: center;
    text-shadow: 3px 5px 5px rgba(0, 0, 0, .2); /* 文字にドロップシャドウ */
}
#Sitename h1{
    font-size: 60px;
}

* html #Sitename{
    font-family: Georgia normal, "Times New Roman", Times, serif;
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

#Slogan {
	width:98%;
	min-width:800px;
	height:auto;
  margin: 10px auto;
	padding-bottom:3px;
	text-align:left;
	font-size: 182%;
	color:#dcdcdc;
	background: transparent;
}
#Slogan span {
	border-bottom:dotted 3px #c0c0c0;
}

.ns {
	color:lightyellow;
	font-size:182%;
	font-weight:bold;
}
/* Menu */
#m_menu {
	margin-left:20px;
	padding-bottom:20px;
}
* html #m_menu {
	margin-top:10px;
}
#m_menu ul {
	list-style: none;
}
#m_menu ul li {
	width:200px;
 	margin: 0;
	padding: 0;
	margin-bottom:10px;
	height: 30px;
	line-height:30px;
}
#m_menu ul li a {
	display:block;
  padding: 3px 10px;
	text-decoration:none;
}
* html #m_menu ul li {
	display:block;
	margin-bottom:5px;
}
* html #m_menu ul li a {
	display:block;
	width:100%;
  padding: 3px 10px;
	text-decoration:none;
}
/* Menu colors */
#m_menu ul li {
  background: transparent;
}
#m_menu ul li a ,#m_menu ul li a:visited{
	color:#000;
	background:rgba(200,200,200,0.7);
}
#m_menu ul li a:hover {
	color:#fff;
  background: rgba(0,0,0,0.5);  
}
* html #m_menu ul li {
	border-bottom:1px solid #dcdcdc;
	background:#ddd;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
* html #m_menu ul li a:hover {
  background: #696969;  
}

#m_menu ul li a.select {
	margin-left:-10px;
	padding-left:17px;
	background:orange;
	color:#fff;
	font-weight:bold;
	font-size:123.1%;
}

#s_menu {
	width:100%;
	margin:0;
	height:12px;
}
#s_menu a:link , #s_menu a:visited {
	color:#c0c0c0;
}

/* GRID CONTENT */
#Container #wrapper #grid-content {
	position:relative;
	width:100%;
	margin:0;
	margin-right:260px;
	margin-top:20px;
	margin-bottom:30px;
}
#grid-content div {
	float:left;
	width: 222px;
	color: #000;
	margin: 5px;
	padding: 4px;
	background:rgba(255,255,255,0.9);
	border:1px solid #d3d3d3;
}
#grid-content div.large {
	float:left;
	width: 458px;
	margin: 5px;
	padding: 4px;
	padding-left:10px;
	background:rgba(255,255,255,0.9);
	border:1px solid #d3d3d3;
}

body.L0R1 #outerwrapper #Container #grid-content div.large ,
body.L0R0 #outerwrapper #Container #grid-content div.large ,
body.L1R0 #outerwrapper #Container #grid-content div.large{
	float:left;
	width: 98%;
	margin: 5px;
	padding:5px;
	background:rgba(255,255,255,0.9);
	border:1px solid #d3d3d3;
}
* html body.L0R1 #outerwrapper #Container #grid-content div.large ,
* html body.L0R0 #outerwrapper #Container #grid-content div.large ,
* html body.L1R0 #outerwrapper #Container #grid-content div.large{
	background:#fff;
	-ms-filter: "alpha( opacity=90 )";
	filter: alpha( opacity=90 );
	opacity: 0.9;
}

#grid-content #ModuleContents {
	width:98%;
	margin-top:6px;
	background:rgba(255,255,255,0.9);
}
* html #grid-content #ModuleContents {
	background:#fff;
	-ms-filter: "alpha( opacity=90 )";
	filter: alpha( opacity=90 );
	opacity: 0.9;
}

body.L0R1 #grid-content #ModuleContents ,body.L1R1 #grid-content #ModuleContents {
	width:705px;
	margin-top:6px;
	background:rgba(255,255,255,0.9);
}
* html body.L0R1 #grid-content #ModuleContents ,* html body.L1R1 #grid-content #ModuleContents {
	background:#fff;
	-ms-filter: "alpha( opacity=90 )";
	filter: alpha( opacity=90 );
	opacity: 0.9;
}

#grid-content div p {
	margin: 0;
	padding: 0;
}

#grid-content div div.BlockContent ,
#grid-content div div.BlockContent div,
#grid-content div div.BlockContent div div {
	width: 90%;
	padding:5px 4%;
}

* html #grid-content div.large {
	overflow:hidden;
}

#grid-content div.large div,
#grid-content div.large div div,
#grid-content div.large div div div,
#grid-content div.large div div div div,
#grid-content div.large div div div div div,
#grid-content div.large div div div div div div,
#grid-content div.large div div div div div div div,
#grid-content div.large div div div div div div div div,
#grid-content div.large div div div div div div div div div {
	width: 90%;
	padding:5px 4%;
	border:none;
	background:transparent;
}

#grid-content div div,
#grid-content div div div,
#grid-content div div div div,
#grid-content div div div div div,
#grid-content div div div div div div,
#grid-content div div div div div div div,
#grid-content div div div div div div div div,
#grid-content div div div div div div div div div,
#grid-content div div div div div div div div div div {
	width: 90%;
	padding:5px 4%;
	border:none;
	background:transparent;
}

#grid-content #ModuleContents div {
	width: 92%;
	margin:0 auto;
	padding-bottom:20px;
	border:none;
	background:transparent;
}

#grid-content #ModuleContents div div div,
#grid-content #ModuleContents div div div div,
#grid-content #ModuleContents div div div div div,
#grid-content #ModuleContents div div div div div div,
#grid-content #ModuleContents div div div div div div div,
#grid-content #ModuleContents div div div div div div div div,
#grid-content #ModuleContents div div div div div div div div div {
	width: 92%;
	padding:5px 4%;
	border:none;
	background:transparent;
}

#grid-content #ModuleContents div div{
	width: 96%;
	margin-right:4%;
	margin-bottom:5px;;
	border:none;
	background:transparent;
}

* html #grid-content div ,* html #grid-content div.large, * html body.L0R1 #outerwrapper #Container #grid-content div.large ,* html body.L0R0 #outerwrapper #Container #grid-content div.large ,* html body.L1R0 #outerwrapper #Container #grid-content div.large {
	background:#fafafa;
}
* html #grid-content #ModuleContents div div {
	margin-right:0;
}

#grid-content div.grid01 {
	width:222px;
}
#grid-content div.grid02 {
	width:466px;
}
#grid-content div.grid03 {
	width:705px;
}
#grid-content div.grid50 {
	float:left;
	width:48%;
	margin-left:1%;
	margin-right:1%;
}

pre {
  word-break: break-all;
  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+ */
}
code {
  word-break: break-all;
  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+ */
}


/* コンテンツ内画像横幅を自動縮小（IE以外） */
.BlockContent img {
	max-width: 95% !important;
}

/* タイトルの設定 */
.BlockTitle_a, .BlockTitle_b, .BlockTitle_c, .BlockTitle_d, .BlockTitle_e {
	margin:10px;
	padding:3px;
  padding-left:15px;
	line-height:1.2;
	color:#000;
  border-top:1px solid #ccc ;
  border-bottom:1px solid #ccc ;
  background :url(images/boxhead.gif) repeat-x;
}

#search {
	position:absolute;
	height:24px;
	width:202px;
	top:1px;
	right:10px;
}
#searchform {
	width: 200px;
	background: transparent; 
	display: block;
	height: 23px;
	position: relative;
}
#keywords	{
	width: 156px;
	position: absolute;
	top: 3px;
	left: 12px;
	border:1px solid #808080;
	background:#a9a9a9;
}
#searchBtn	{
	position: absolute;
	top: 3px;
	left: 182px;
}

/* Breadcrumb */
#breadcrumb, #theme_breadcrumbs {
	display:none;
}

#breadcrumbs {
  width: 100%;
	height:24px;
	text-align:left;
  margin-bottom: 5px;
	color:#f5f5f5;
	font-weight:normal;
	padding:0px;
}
#breadcrumbs a:link , a:visited{
	color:#fff;
}

#breadcrumbs ul {
  width: 96%;
  height:23px;
	color:#ddd;
	font-weight:normal;
	line-height:23px;
	margin-left:1.5em;
	margin-top:2px;
}
#breadcrumbs ul li {
	float:left;
  height:23px;
	line-height:23px;
}
#breadcrumbs ul li a:link , #breadcrumbs ul li a:visited{
	float:left;
	color:#ddd;
	display:block;
	text-decoration:none;
}

.outer {
    margin: 0px 1px;
    background: #E4F2FF;
    border-top: 1px solid #B1C6D9;
    border-bottom: 1px solid #B1C6D9;
}
.inner {
    margin: 0px -1px;
    background: #E4F2FF;
    border-left: 1px solid #B1C6D9;
    border-right: 1px solid #B1C6D9;
}

/* Footer */
#Footer {
	position:fixed;
	bottom:0;
  width: 100%;
  height:30px;
	background: transparent;
	clear:both;
	z-index: 100;
}
* html #Footer {
	margin-top:-30px;
}

/* footer menu */
#user_menu_block {
	position:relative;
	display:block;
  margin: 0 auto;
	text-align:center;
}
#user_menu_block ul{
	text-align: center;
	width:97%;
	margin-left:2%;
}
#user_menu_block ul li{
	height:30px;
  display: -moz-inline-box;   
  display: inline-block;
	line-height:30px;
	text-decoration:none;
	color:#fff;
	background:rgba(200,200,200,0.5);
}
* html #user_menu_block ul li{
  display: inline;
  zoom: 1;   
}
*+html #user_menu_block ul li{
  display: inline;   
  zoom: 1;   
}

#user_menu_block ul li a ,#user_menu_block ul li a:visited {
  display: inline-block;  
	padding: 5px 15px;
	color:#fff;
	height:20px;
	line-height:20px;
	text-decoration:none;
}

#user_menu_block a:hover{
	color:green;
	background:orange;
}


/* for accessibility */
.Skip {	
  position: absolute;
  left: -999em;
}

/******************************************************************************/

/* clearfix http://www.positioniseverything.net/ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************************************************************************/

/* XOOPS Main Menu */
#mainmenu, #usermenu {
  margin:0;
  padding:0;
  text-align:left;
}
#mainmenu li, #usermenu li {
  display: inline;
}
#mainmenu a ,#mainmenu a:visited {
  display: block;
	color:blue;
  border-bottom: #DDD solid 1px;
	margin:0 1px;
}
#mainmenu a:hover {
  background-color: orange;
  border-bottom: #a0522d solid 1px;
}
#mainmenu a.menuTop {
  padding: 5px 10px;
}
#mainmenu a.menuMain {
  padding: 5px 10px;
}
#mainmenu a.menuSub {
  padding: 5px 5px 5px 15px;
}

#usermenu a {
  display: block;
  border-bottom: #DDD solid 1px;
	margin:0 1px;
  padding: 5px 10px;
}
#usermenu a:hover {
  background-color: #EEE
}
#usermenu a.menuTop {}
#usermenu a.highlight {
  background-color: #FCC;
}

/* XOOPS table */
table {
  width: 100%;
  margin: 0;
  padding: 0;
}
td {
  padding: 5px;
  vertical-align: top;
}
* html td {
  font-size: 85%;
} /* IE6 */

.outer {}
.outer a,a:visited{
	color:blue;
}
.head {
  background-color: #CCC;
  background-color: transparent;
  padding: 5px;
  font-weight: bold;
}
.even {
  background-color: #EEE;
  padding: 5px;
}
.odd {
  background-color: #FAFAFA;
  padding: 5px;
}
.foot {
  padding: 5px;
}

tr.even td {
  background-color: #EEE;
  padding: 5px;
}
tr.odd td {
  background-color: #FAFAFA;
  padding: 5px;
}

/******************************************************************************/

/* XOOPS item */
.item {}
.itemHead {
  padding: 3px;
  background-color: #666;
  color: #FFF;
}
.itemInfo {
  text-align: right;
  padding: 3px;
  background-color: #EFEFEF;
}
.itemTitle a {
  font-weight: bold;
  font-variant: small-caps;
  color: #000;
  background-color: transparent;
}
.itemPoster {
  font-size: 85%;
}
.itemPostDate {
  font-size: 85%;
}
.itemStats {
  font-size: 90%;
}
.itemBody {
  padding-left: 0px;
}
.itemText {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 100%;
}
.itemText:first-letter {}
.itemFoot {
  text-align: right;
  padding: 3px;
  background-color: #EFEFEF;
}
.itemAdminLink {
  font-size: 85%;
}
.itemPermaLink {
  font-size: 85%;
}

/* XOOPS Error Msg */
div.errorMsg {
  background-color: #FFCCCC;
  text-align: center;
  border-top: 1px solid #DDDDFF;
  border-left: 1px solid #DDDDFF;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  font-weight: bold;
  padding: 10px;
}
div.confirmMsg {
  background-color: #DDFFDF;
  color: #136C99;
  text-align: center;
  border-top: 1px solid #DDDDFF;
  border-left: 1px solid #DDDDFF;
  border-right: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  font-weight: bold;
  padding: 10px;
}
div.resultMsg {
  background-color : #CCCCCC;
  color: #333333;
  text-align: center;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  font-weight: bold;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  padding: 10px;
}

/* XOOPS Code & Quote */
div.xoopsCode {
    position: relative;
    padding: 20px 10px 5px 30px; /* Code の文字を入れるためのスペースを確保 */
    border: 1px solid;
    border-color: #bbb #fff #fff #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: transparent;
  font-family: "Courier New",Courier,monospace;
}

div.xoopsCode:before {
    position: absolute;
    top: -25px;
    left: -45px;
    z-index: 95;
    width: 100px;
    transform: rotate(-25deg); /* 反時計回りに25度回転 */
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    color: #a3a3a3;
    content: "Code"; /* 文字列を生成 */
    font-size: 30px;
    font-weight: 700;
    font-style: oblique;
    font-family: Georgia normal, "Times New Roman", Times, serif;
    text-align: center;
    text-shadow: 3px 5px 5px rgba(0, 0, 0, .2); /* 文字にドロップシャドウ */
}

div.xoopsQuote {
    position: relative;
    padding: 20px 10px 5px 30px; /* Quote の文字を入れるためのスペースを確保 */
    border: 1px solid;
    border-color: #bbb #fff #fff #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #ddd;
}

div.xoopsQuote:before {
    position: absolute;
    top: -25px;
    left: -45px;
    z-index: 1;
    width: 100px;
    transform: rotate(-25deg); /* 反時計回りに25度回転 */
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    color: #a3a3a3;
    content: "Quote"; /* 文字列を生成 */
    font-size: 36px;
    font-weight: 700;
    font-style: oblique;
    font-family: Georgia normal, "Times New Roman", Times, serif;
    text-align: center;
    text-shadow: 3px 5px 5px rgba(0, 0, 0, .2); /* 文字にドロップシャドウ */
}

/* XOOPS com */
.comTitle {
  font-weight: bold;
  margin-bottom: 2px;
}
.comText {
  padding: 2px;
}
.comUserStat {
  font-size: 77%;
  color: #2F5376;
  font-weight:bold;
  border: 1px solid silver;
  background-color: #ffffff;
  margin: 2px;
  padding: 2px;
}
.comUserStatCaption {
  font-weight: normal;
}
.comUserStatus {
  margin-left: 2px;
  margin-top: 10px;
  color: #2F5376;
  font-weight:bold;
  font-size: 77%;
}
.comUserRank {
  margin: 2px;
}
.comUserRankText {
  font-size: 77%;
	font-weight:bold;
}
.comUserRankImg {
  border: 0;
}
.comUserName {}
.comUserImg {
  margin: 2px;
}
.comDate {
  font-weight: normal;
  font-style: italic;
  font-size: 77%;
}
.comDateCaption {
  font-weight: bold;
  font-style: normal;
}

#user_info {
	position:absolute;
	top:0px;
	right:10px;
	font-size:77%;
}

span.uname {
	font-size:123.1%;
	padding-left:5px;
	padding-right:5px;
}

#redirect_message {
	position:absolute;
	top:10px;
	right:200px;
	width:200px;
	min-height:40px;
	padding-left:10px;
	padding-right:10px;
	border:#666 1px solid;
	border-right:pink 30px solid;
	border-bottom:#ccc 3px solid;
	background:#f8f4e6;
}

.PhotoFrame {
   -webkit-box-shadow: 0 8px 48px rgba(0,0,0,.5);
   -moz-box-shadow: 0 8px 48px (rgba(0,0,0.5));
   box-shadow: 0 4px 8px #000;
}

/*
	Background Stretcher jQuery Plugin
	ｩ 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

#socialbutton {
	position:absolute;
	top:0px;
	right:200px;
	width:270px;
	height:20px;
	padding:5px;
	text-align:right;
	z-index:110;
}
#socialbutton div {
	float:left;
	margin-right:10px;
}
#socialbutton2 {
	position:absolute;
	top:30px;
	right:200px;
	width:480px;
	height:20px;
	padding:5px;
	z-index:110;
}
#socialbutton2 div {
	float:left;
	margin-right:10px;
}

