body {
	margin:0;
	padding:0;
	width:600px;
	font-family: Myriad, Veldana, Helvetica, Arial,  "ＭＳ　Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
	color: #252525;
	font-size:12px;
	line-height:1.6em;
	background:#ffffff url(../parts/bgline.gif) ;
}
/*---赤枠囲み・赤文字のクラススタイル---*/
span.box{
	border:1px solid #cc0000;
	color:#cc0000;
	background:#ffffff;
	padding-left:2px;
	padding-right:2px;
	margin-left:1em;
	margin-right:1em;
	font-size:12px;
}
#textboxtitle{
	border:1px solid #cc0000;
	color:#cc0000;
	background:#ffffff;
	padding-left:2px;
	padding-right:2px;
	font-size:12px;
}


/*---リンクなど他への誘導に使うクラススタイル---*/
span.link{
	font-size:11px;
	border:1px solid #333399;
	color:#ffffff;
	background:#333399;
	padding-left:2px;
	padding-right:2px;
}
span.by{
	font-size:10px;
	border:1px solid #333399;
	color:#ffffff;
	background:#333399;
	padding-left:2px;
	padding-right:2px;
	margin-left:1em;
}

body, form, fieldset{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,9{
	margin:0;
	padding:0;
}
fieldset{
	border:none;
}
h1,h2,h3,h4,h5,h6,p,pre,blockquote, ul, ol, dl, dd{
	margin:0;
	padding:0;
}
blockquote, li, dt, dd{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
input, textarea {
	font-size:1em;
}
/*---ここまでベーシック設定---*/
/*---全体デザインに関わる設定---*/
#window{
	border:0px dashed #333333;
	width:600px;
	height:600px;
	margin-top:00px;
	margin-left:00px;
	background:#ffffff;
}
img{
	border:none;
	margin:0px;
	overflow:hidden;
}
/*---ロゴマーク---*/
#logo{width:0px; height:0px; border-bottom:0px solid #007777; overflow:hidden; }
/*---ナビゲーションバー---*/
#menu ul, #menu li{
	width:0px; height:0px; border-bottom:0px solid #007777; overflow:hidden; 
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #007777;
}
#menu li{
	float:left;
}
#menu a, #menu a:link, #menu a:visited{
	text-decoration:none;
	color:#555555;
	background-color:transparent;
	width:150px;
	height:20px;
	text-align:center;
	padding:5px 0px;
	display:block;
}
#menu a:hover{
	color:#ffffff;
	background-color:#006699;

}
/*---ここまでナビゲーションバー設定---*/
/*サブナビゲーションの設定*/
#submenu {
	visibility:hidden;
	position:absolute;
	top:140px;
	left:380px;
	margin:0;
	padding:0;
}
#submenu ul, #submenu li{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #445566;
}
#submenu li{
}
#submenu a, #submenu a:link, #submenu a:visited{
	text-decoration:none;
	color:#555555;
	background-color:#eeeeee;
	width:140px;
	height:20px;
	text-align:center;
	padding:5px 0px;
	display:block;
}
#submenu a:hover{
	color:#ffffff;
	background-color:#006699;
}
/*ここまでサブナビゲーションの設定*/

#topphoto {
	width:480px;
	height:550px;
	margin:5px;
	padding:0px;
	border:0px dashed #996633;
	background-color:#e6e6e6;
	overflow:hidden;
	float:left
}

#saisingou{
	width:380px;
	height:120px;
	border:1px solid #777777;
	background:#FFFF77;
	margin:5px;
	padding:5px;
	float:left;
}


#contents{
	width:380px;
	height:300px;
	border:0px dashed #777777;
	margin:5px;
	padding:5px;
	float:left;
	overflow:auto;
}
#contents li{
	border-bottom:1px dashed #777777;
	margin-bottom:2px;
}
#books{
	width:873px;
	height:120px;
	border-top:3px solid #777777;
	margin:25px 5px 5px 5px;
	padding:5px;
	overflow:hedden;
}
#booktitle{
	width:100px;
	height:120px;
	border-top:1px solid #777777;
	border-left:5px solid #777777;
	margin:0;
	padding:0;
	float:left;
	overflow:hedden;
	font-size:10px;
	line-height:1.2em;
}
#booktitle a{
	text-decoration:none;
}
#bookcontents{
	width:100px;
	height:120px;
	border:0px solid #777777;
	margin:0;
	padding:0;
	float:left;
	overflow:hedden;
	font-size:10px;
	line-height:1.2em;
}

#footer{
	width:0px;
	height:0px;
	overflow:hidden;
	border:0px solid #666666;
	margin-top:5px;
	height:auto;
	color:#ffffff;
	background:#262626;
	float:none;
}

h2{
	font-family: Myriad, Veldana, Helvetica, Arial,  "ＭＳ　Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
	color: #385804;
	font-size:18px;
	line-height:1.5em;
}
h2 span{
	background-color:#c00;
	color:#fff;
	padding:3px;
}
.dc{
font-size:3em;
float:left;
padding-top:20ox;
margin-right:10px;
margin-bottom:10px;
}

/*くりらじやQRコードその他をいれるアイコンボックス*/
#icon{
	width:380px;
	height:80px;
	margin:5px;
	border:1px solid;#3e4685;
	padding:5px;
	font-size:10px;
	line-height:1.3em;
	color:#565656;
	float:left;
	overflow:hidden;
}
#iconhalf{
	width:179px;
	height:80px;
	margin:5px;
	border:1px solid;#3e4685;
	padding:5px;
	font-size:10px;
	line-height:1.3em;
	color:#565656;
	float:left;
	overflow:hidden;
}
#iconhalf a, #iconhalf a:link, #iconhalf a:visited{
	text-decoration:none;
}

#iconphoto{
	float:left;
	padding-right:10px;
}

/*---バックナンバーページ用設定---*/
/*---バックナンバーページ画像サムネイル---*/
#bn_area{
	width:700px;
	margin-left:150px;
	height:850px;
	border:1px solid #565656;
}
#bn_img{
	width:150px;
	height:180px;
	margin:5px 5px 5px 5px;
	padding:5px 0px 0px 0px;
	border:1px dotted #565656;
	text-align:center;
	float:left;
}
#bn_txt{
	font-size:10px;
	font-weight:bold;
	border-top:1px dotted #565656;

}
#bn_year{
	width:700px;
	height:25px;
	color:#ffffff;
	background:#333399;
	font-size:14px;
}



/*---購読案内のページ設定用---*/
#purchase_title{
	width:130px;
	height:40px;
	border:1px solid #333366;
	padding:5px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	text-align:center;	
	float:left;	

}
#purchase_naiyou{
	width:340px;
	height:150px;;
	border:1px solid #333366;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;	
}
#purchase_naiyou_long{
	width:702px;
	height:auto;
	border:1px solid #333366;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;	
}
#purchase_naiyou img,#purchase_naiyou_long img{
	float:left;
	padding:5px;
}
long{
	width:702px;
}
/*---アバウトページ設定---*/
#about_title{
	border:1px solid #555555;
	width:130px;
	padding:5px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;
}
#about_text{
	border:1px solid #555555;
	font-size:13px;
	line-height:1.5em;
	width:650px;
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;

}
#link_tag{
	font-size:12px;
	line-height:1.5em;
	border:1px dotted #777788;
	padding:10px;
}



/*---今月号のご案内issue---*/
#issue_contents{
	font-size:10px;
	line-height:1.5em;
	border-left:1px solid #5566cc;
	border-top:1px solid #5566cc;
	border-right:2px solid #5566cc;
	border-bottom:2px solid #5566cc;
	width:520px;
	height:auto;
	margin-left:45px;
	margin-bottom:10px;
}
#issue_title{
	width:100%;
	height:auto;
	font-size:12px;
	line-height:2em;
	color:#ffffff;
	background:#5566cc;
	margin-bottom:0px;
}
#issue_text{
	font-size:10px;
	line-height:1.8em;
	border:0px dotted #ff0000;
	width:500px;
	height:auto;
	margin:10px;
}
/*---ニュースタイトルのクラススタイル---*/
span.topictitle{
	font-size:12px;
	line-height:1.5em;
	color:#5566cc;
	background:transparent;
}
/*---ニュースタイトルの小さな文字---*/
span.small{
	font-size:11px;
	line-height:1.2em;
	color:#ffffff;
	background:transparent;
}

#issue_all_contents{
	font-size:10px;
	line-height:1.5em;
	color:#5566cc;
	border:0px solid #666666;
	width:600px;
	float:left;	
}
#issue_all_contents li{
	padding:2px 0px;
	border-bottom:0px dotted #333333;
}
#issue_all_contents1{
	margin-left:50px;
	font-size:10px;
	line-height:1.5em;
	color:#5566cc;
	border:0px solid #666666;
	width:250px;
	float:left;	
}
#issue_all_contents2{
	margin-left:20px;
	font-size:10px;
	line-height:1.5em;
	color:#5566cc;
	border:0px solid #666666;
	width:250px;
	float:left;	
}


#issue{
	border:0px dashed #485969;
	width:600px;
	float:left;
}
/*--目次コンテンツの見出し---*/
span.issue_midasi{
	border-bottom:1px solid #555555;
	color:#cc0000;
	background:#ffffff;
	padding-left:2px;
	padding-right:2px;
	font-size:12px;
	line-height:2em;
}
#issue_photo{
	width:100px;
	height:auto;
	border:1px solid #444444;
	background:#888888;
	float:left;
	margin-right:1em;
}
#issue_photo_v{
	width:auto;
	height:100px;
	border:1px solid #444444;
	background:#888888;
	float:left;
	margin-right:1em;
}
#issue_photo img{
	width:100%;
	overflow:hidden;
}
#issue_photo_v img{
	height:100%;
	overflow:hidden;
}
#issue_photo_group{
	width:0px;
	height:0px;
	overflow:hidden;
	margin-top:5px;
	border:0px solid #444444;
	background:transparent;
}

#issue_thumbnail{
	width:50px;
	height:50px;
	border:1px solid #444444;
	background:#888888;
	margin-top:1px;
	margin-right:1px;
	margin-left:1px;
	margin-bottom:1px;
	overflow:hidden;
	float:left;
}
#issue_thumbnail img{
	width:100%;
	height:100%;
}

#topicflame{
	font-size:12px;
	line-height:1.2em;
	margin-bottom:1em;
}

#issue_photo_wide img{
	width:500px;
	border-left:#000055 1px solid;
	border-top:#000055 1px solid;
	border-right:#000055 2px solid;
	border-bottom:#000055 2px solid;
}







/*株式会社シラス追加css*/

#issue_all_contents1{
    color:#333333;
}
#issue_all_contents2{
    color:#333333;
}
#issue_all_contents2 #heading08{
    background-color: #FF8300 !important;
}

.issue_row{
    display: flex;
    justify-content: center;
}

.issue_col{
    width: 250px;
/*    border:1px solid #aaaaaa;*/
    padding : 5px;
	line-height:1.7em;
}

.issue_col .title{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
	width:100%;
    height: 55px;
	font-size:14px;
	line-height:1.8em;
	color:#232441;
	font-weight:bold;
    border-bottom: 1px dotted #232441;
}

.issue_col #topicflame{
	border-bottom:1px solid #656565;
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
 	margin-bottom:10px;
 	margin-top:10px;
}

.issue_col .subtitle{
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
	color:#444555;
	background:transparent;
    margin-top: 10px;
    margin-bottom: 4px;
}

.issue_col img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
}

.magazine-title{
    font-size: 16px;
}

#city-ad{
    width: 430px;
}

#city-ad .row{
    display: flex;
    margin-bottom: 10px;
}

#city-ad .left-col{
    width: 230px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px;
    padding-left: 20px;
}
#city-ad .right-col{
    width: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 22px;
    padding-right: 16px;
}

#city-ad #cover-issue{
    width: 210px;
    border:1px solid #183980;
}
#city-ad #now-on-sale-msg{
    width: 230px;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 8px;
    margin-right: 8px;
    border-top:6px solid #183980;
    border-bottom: 6px solid #183980;
    text-align: center;
    font-size: 16px;
    font-weight:bolder;
    line-height: 28px;
}
#city-ad .cover-back-number{
    width: 73px;
    padding :4px;
}

#city-ad img {
    max-width: 100%;
    height: auto;
    width /***/:auto;
}

#city-ad .col{
    width: 430px;
}

#mokuji{
    padding:5px;
	border-bottom:2px solid #ff6600;
	color:#ff6600;
	background:#ffffff;
	margin-bottom:10px;
	font-size:16px;
    font-weight: bold;
/*    width:140px;*/
}

#kikaku{
    padding:2px;
    margin-top: 3px;
    margin-bottom: 3px;
	border:1px solid #ff6600;
	color:#ff6600;
	background:#ffffff;
	font-size:14px;
    font-weight: bold;
    width:60px;
    text-align: center;
}

#mark-L{
    padding:2px;
    margin-top: 3px;
    margin-bottom: 3px;
	border:1px solid #ff6600;
	color:#ff6600;
	background:#ffffff;
	font-size:14px;
    font-weight: bold;
    display: table;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#mark-M{
    padding:2px;
    margin-top: 3px;
    margin-bottom: 3px;
	border:1px solid #ff6600;
	color:#ff6600;
	background:#ffffff;
	font-size:10px;
    font-weight: bold;
    display: table;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#issue_photo_wide{
    margin-bottom: 10px;
}

#bcity_logo{
    height: 86px;
    margin-left: 10px;
    margin-top: 2px;
}

.textboxtitle_small{
font-size: 12px;
}

#bpoty_space{
    position: relative;
    height: 740px;
}

#bpoty_space img{
    position: absolute;

}

#bpoty_space #title_jp{
    position: absolute;
    width:  100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight:bold;
    text-shadow: 2px 2px 1px #222;
    top: 37px;
}

#bpoty_space #title_en{
    position: absolute;
    width:  100%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight:bold;
    top: 123px;
}

#bpoty_space #limit{
    position: absolute;
    width:  20%;
    text-align: center;
    color: #222;
    font-size: 12px;
    font-weight:900;
    top: 146px;
    left: 30px;
    line-height:1.3em;
}

#limit .small{
    font-size: 8px;
    color: #222;
    font-weight:bold;
}

#bpoty_space #check_point{
    position: absolute;
    width:  100%;
    text-align: center;
    color: #222;
    font-size: 14px;
    font-weight:bold;
    text-shadow:0 0 10px #fff;
    top: 213px;
}

#bpoty_space #theme{
    position: absolute;
    width:  100%;
    text-align: center;
    color: yellow;
    font-size: 14px;
    font-weight:bold;
    line-height:1.7em;
    top: 284px;
}

#bpoty_space #message{
    position: absolute;
    color: 222;
    font-size: 12px;
    top: 363px;
    font-weight:bold;
    margin-left: 42px;
    margin-right: 42px;
}

#bpoty_space #oubo_link{
    position: absolute;
    width:  100%;
    text-align: center;
    font-size: 18px;
    top: 660px;
    font-weight:bold;
}

#oubo_link a{
    color: #fff;
    background-color: crimson;
    padding-left: 30px;
    padding-right: 30px;
    padding-top:8px;
    padding-bottom:8px;
    border-radius:25px;
    text-decoration: none;
}

#oubo_link a:hover{
    background-color:#990e2a;
    transition: 0.3s ;
}

#bpoty_space #grandprix_link{
    position: absolute;
    width:  100%;
    text-align: center;
    font-size: 18px;
    top: 706px;
    font-weight:bold;
}
#grandprix_link a{
    color: #fff;
    background-color: #ff8c00;
    padding-left: 38px;
    padding-right: 38px;
    padding-top:8px;
    padding-bottom:8px;
    border-radius:25px;
    text-decoration: none;
}


#grandprix_link a:hover{
    background-color:#d2691e;
    transition: 0.3s ;
}

/*---今月号のご案内issue---*/
#issue_contents{
	font-size:12px;
	line-height:1.5em;
	border-left:1px solid #5566cc;
	border-right:2px solid #5566cc;
	border-bottom:2px solid #5566cc;
	width:520px;
	height:auto;
	margin-left:50px;
	margin-bottom:20px;
    padding-bottom: 10px;
}

#bpoty_title{
	font-size:30px;
    text-align: center;
    height: 90px;
    color: crimson;
    line-height: 2.8rem;
    font-weight: bold;
}

#bpoty_title span{
	font-size:46px;
}


#topicflame .name{
    font-size: 14px;
}

#heading09 center{
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}

#issue_all_contents2{
	margin-top:50px;
}

#issue_top_space{
	height:40px;
}

/*---今月号のご案内issue見開きで大きく見せる---*/

#topicflame{
	border-bottom:1px solid #656565;
	font-size:16px;
	font-weight:bold;
	line-height:1.4em;
 	margin-bottom:10px;
    padding-bottom:5px;
}

