
/* CLEARFIX */
aside .column2,.column2 {zoom:1;}
aside .column2:after,.column2:after {content:"";display:block;clear:both;}

body{color: #000;}
#main {width: 700px; height: auto; margin-right: auto; margin-left: auto; padding: 0px; clear: both;}
#main h1 {border-bottom: 0; padding-bottom: 0; margin-bottom: 10px;}
#main h1 {font-size: 18px; font-weight: bold; margin-bottom: 10px; line-height: 1.5; text-spacing:1.1em;}
#main header h1 {width: 700px; height: 230px; padding: 0px; margin:5px 0 10px;}

#main article h1 span {display:block; font-size:14px;}
#main #snSection3 article p {margin-top: 10px;}
#main figure {margin: 0px; padding: 0px;}

#main .information {margin:25px 0 15px; padding-bottom:15px; border-bottom:1px solid #e8e8e8;}
#main .information h1,#main .foundMuji h1 {font-size:14px; color:#333;}
#main .information dt, #main .information dd {display:inline-block; margin-bottom:5px;}
#main .information dt {font-weight:bold; width:80px; color:#333;}
#main .information dd {width:550px;}
#main .foundMuji {margin-bottom: 30px;}

#main .annotation {font-size:11px;color:#666; display:block;}
#main p.btn {background: #333; color: #fff; font-size: 12px; font-weight: bold; margin:12px 0 0; padding: 5px 10px; display: inline-block; cursor: pointer; text-decoration: none; border-radius: 2px;}
#main p.links a:visited {color: #fff;}  /*IE6*/
#main p.btn:hover {background: #7f0019; color: #fff;}
#main p.btn a:link,
#main p.btn a:visited,
#main p.btn a:hover {color: #fff; text-decoration:none;}
#main .ottavaLink {text-align: right;}
#main .ottavaLink .annotation {margin-top:3px;}
#main aside .relatedLink + .annotation {margin-top:3px; text-align: right;}

#main .column2 {margin-right: -20px; letter-spacing: -.40em;}
#main .column2 * {letter-spacing: normal;}

#main .column2 .col {width: 340px; margin-right: 20px;}
#main #app_info.column2 .col {width: 235px; margin-right: 20px;}
#main #app_info.column2 .col+.col {width: 445px; margin-right:0;}
#main p {margin-bottom: 12px;}
#main .col figcaption {margin: 0px; padding: 0px; font-size: 11px; line-height: 15px; color: #333;}
#main #app_info.column2 .col .title {display:block; margin-bottom:5px; font-weight:bold;}

#main aside {border: 5px solid #efefef; margin:20px 0 30px; padding: 15px;}
#main aside .column2 {margin-right: -15px;}
#main aside .column2 .col.figure {width: 180px; margin-right: 15px;}
#main aside .column2 .col {width: 460px;}

#main aside.profile.update {border:none; border-top:1px #e8e8e8 solid; margin:20px 0; padding-top:15px;}
#main aside.profile {color:#333;}
#main aside.profile h1 {font-size:16px; margin:0 0 15px; font-family:"MS PMincho","Hiragino Mincho Pro",serif; color:#333;}
#main aside.profile p:last-child {margin:0;}
#main aside.profile dt {font-weight:bold;}

#main .relatedLink a {display: inline-block; background: url(/img/common/arrow_right.png) no-repeat 14px 50%; border: 1px solid #ccc; padding: 7px 14px 7px 28px; text-decoration: none; font-weight: bold;}
#main .relatedLink a:hover {border: 1px solid #7F0019;}
#main .relatedLink {text-align:right;}

#main #snSection1,
#main #snSection2,
#main #snSection3 {margin-bottom:50px;}

#main #app_info .col p a {background:url(/shop/ottava/img/111123/app_store.gif) no-repeat scroll left top transparent; display: block; height: 36px; margin:0; text-indent: -9999px; width: 110px;}
#main #app_info .col p a:hover {background-position: left bottom;}

#main aside#studio h1 {font-size:16px;}
#main aside#studio .column2 .col h1, #main section section h1 {font-size:14px;}
#main aside#studio .column2 {margin:0 -15px 20px 0;}
#main aside#studio .column2 .col.figure {width: 180px; margin-right: 15px;}
#main aside#studio .column2 .col {width: 300px;}

#main aside#studio .column2 + .column2 {margin-bottom:0;}
#main aside#studio .column2 .col + .col {width:340px; margin-right:0;}
#main aside#studio p {margin-bottom:15px;}
#main aside#studio .column2 .col p + p {margin-bottom:0;}

#main #snSection2 #salonajima.column2, #main article {margin-bottom:20px;}
#main #snSection2 #salonajima.column2 .col {width:440px; margin-right:20px;}
#main #snSection2 #salonajima.column2 .col + .col {width:240px; margin-right:0;}

#main #snSection2 article {border-top:1px #e8e8e8 solid; margin-top:15px; padding-top:15px;}
#main #snSection2 .column2 .col img {margin-bottom:12px;}
#main #snSection2 #vol1.column2 .col img {margin-bottom:0;}
#main #snSection2 #vol1.column2 .col img {margin-bottom:0;}

#main sup {font-size:9px; color:#666;}
#main .anotation {font-size:11px; color:#666;}

#main .column2 .col,
#main aside .column2 .col,
#main aside#studio .column2 .col {
display: -moz-inline-box; /* Firefox2 */
display: inline-block;
*display: inline; *zoom: 1; /* IE6, IE7 */
vertical-align: top;
}