@charset "UTF-8";
/*
Theme name:丸上
Theme URI:
Description:
Author:丸上
Template Name: marujo.co.jp
*/

body{
	margin:0;
	padding:0;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}

h1,h2,h3,h4,h5,h6,ul,li,p,img{
	margin:0;
	padding:0;
}

iframe {
  max-width: 100%;
}

#header{
font-size:12px;
background:#fff;
border-top:5px solid #060a4a;
/*background:#333;
background:url(http://marujo.jp/infor/wp-content/uploads/2015/02/header_bg.jpg) center;*/
padding:20px;
text-align:center;
color:#fff;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

h1{
text-align:center;
}

#logout{
float:right;
margin:-25px 0 0 0;
}

h2{
font-size:20px;
text-align:left;
color:#333;
margin:0 0 1em 0;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
border-bottom:solid 1px #ccc;
padding-bottom:5px;
}

h3{
	color:#666;
	font-size:16px;
	border-bottom:solid 2px #666;
	margin-bottom:15px;
	margin-top:2em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
padding-bottom:5px;
}

h4{
	color:#000;
	font-size:18px;
	margin-bottom:1em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
padding-bottom:5px;
}

h5{
	color:#666;
	font-size:16px;
	border-left:solid 5px #666;
	margin-bottom:15px;
	margin-top:2em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
padding-left:5px;
}
.freespace{
background:#eee;
padding:1em;
}

.form_input{
	height:20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 2px rgba(0, 0, 0, 0.2);
}
.submit{
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #428ec9;
    border-radius: 5px;
     
/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #99c9e5,
        #428ec9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;
}

#main{
	margin:20px;
	border:solid 1px #ccc;
	padding:20px;
	border-radius:10px;
}

#product_pic{
	text-align:center;
	overflow-y:hidden;
}

#product_pic img{
	max-width: 100%; 
  height:auto;
}

.creator_photo{
	float:right;
	margin:0 0 1em 1em;
	border:solid 1px #ccc;
}

img.creator_photo{
	padding:5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.creator_photo_sp{
	margin:0 0 1em 0;
	border:solid 1px #ccc;
	padding:5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	max-width: 100%; 
  height:auto;
}

.line{
	border-top:dashed 1px #ccc;
	margin:1em 0;
}

table.price{
	margin-top:1em;
	border-collapse:collapse;
	border:solid 1px #ccc;
	width:100%;
}
table.price th{
	border-collapse:collapse;
	border:solid 1px #ccc;
	padding:5px;
	background:#eee;
	text-align:left;
	font-size:12px;
}
table.price td{
	border-collapse:collapse;
	border:solid 1px #ccc;
	padding:5px;
	text-align:right;
	font-size:12px;
		}

table.price strong{
	color:red;
}

/*パスワードのフォーム*/
.passform{
border:solid 1px #ccc;
border-radius:5px;
background: -moz-linear-gradient(top, #fff, #eee);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
margin:20px 1em;
text-align:center;
padding:20px;
}

.passform p{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:0.5em;
}

.notlogin{
text-align:center;
color:red;
margin-bottom:1em;
}
.back{
	text-align:right
}

#copyright{
padding:10px;
background:#060a4a;
/*background:url(http://marujo.jp/infor/wp-content/uploads/2015/02/header_bg.jpg) center;*/
color:#fff;
font-size:10px;
text-align:center;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*画像の配置*/
.alignleft{
	float:left;
	margin:0 1em 1em 0;
}

.alignright{
	float:right;
	margin:0 0 1em 1em;
}

.aligncenter{
margin:0 auto 1em auto;
}

.alignnone{
	margin:0 1em 1em 0;
}

img.alignleft,img.alignright,img.aligncenter,img.alignnone{
border:solid 1px #ccc;
padding:5px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#syain_pic img{
	max-width: 100%; 
  height:auto;
}

.syain_photo{
	border:solid 1px #ccc;
}

img.syain_photo{
	padding:5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.syain_photo_sp{
	margin:0 0 1em 0;
	border:solid 1px #ccc;
	padding:5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	max-width: 100%; 
  height:auto;
}



/*
 float clear
-------------------------------------------------------------------------*/
.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .clearFix{
	* height:1%;
}
.clearFix{
	display:block;
}
.clear{
	clear:both;
}