@charset "Shift_JIS";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align:left;
	color: #333;
	line-height:160%;
	font-size:small;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/sp/back.jpg);
	background-repeat: repeat-x;
}

.pd-top2{
	padding-top:2px;
}

.pd-top5{
	padding-top:5px;
}

.pd-top10{
	padding-top:10px;
}

.pd-top15{
	padding-top:15px;
}

.pd-bottom10{
	padding-bottom:10px;
}

.m_menu_text{
	line-height:200%;
}

br,p {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

a{ outline: none; }

a, img {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

h1{
	margin: 0px 0px 10px 0px;
}

h2{
	margin: 0px 0px 7px 0px;
	padding:0;
}

.tag {
    margin-bottom: 7px;
}

.cat-iPhone {
    background-color: #000;
    padding: 5px 5px;
    margin-right:5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;

}
.cat-android {
    background-color: #a4c439;
    padding: 5px 5px;
    margin-right:5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;

}
.cat-win8 {
    background-color: #45c0df;
    padding: 5px 5px;
    margin-right:5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.tagtop {
    margin-top: 7px;
    margin-bottom: 7px;
}
.cat-iPhonetop {
    background-color: #000;
    padding: 3px 3px;
    margin-right:3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;

}
.cat-androidtop {
    background-color: #a4c439;
    padding: 3px 3px;
    margin-right:3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;

}
.cat-win8top {
    background-color: #45c0df;
    padding: 3px 3px;
    margin-right:3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

/*コンテンツ設定*/
#main{
	width:320px;
	margin:0 auto;
	background-color: #FFF;
}

#contents{
	width:300px;
	text-align:left;
	height: auto;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	}
	
#contentLeft {
	width: 300px;
} 

#contentright {
	width: 300px;
	padding:0 0 15px 0;
} 
#contentsfooter_sp {
	width: 300px;
	padding:0 0 15px 0;
} 
/*topのジャンル別の箱*/

div.appbox{
	width: 250px;
	height:100%;
	border: 1px #999999 solid;
	padding: 4px 4px 0 4px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#contentLeft .newsreleas {
	width: 100%;
	height:100%;
	#border: 1px #999999 solid;
	#padding: 4px 4px 0px 4px;
	padding: 0px 0px 0px 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#contentLeft .newsreleas .txt{
	line-height:170%;
	font-size:12px;
	background:url(/images/icon_arrow.gif) no-repeat 0 8px;
	#padding-left:10px;
}
#contentLeft .newsreleas .txt img{
	padding: 0 5px 0 0;
	line-height:100%;
}

#contentLeft .newsreleas .txt .date{
	font-size:10px;
	color: #999999;
}
#contentLeft .newsreleas .txt .blog{
	color: #dc143c;
	font-weight: bold;
}
#contentLeft .newsreleas .txt .appli{
	color: #dc143c;
	font-weight: bold;
}
#contentLeft .newsreleas .txt .news{
	color: #dc143c;
	font-weight: bold;
}
#contentLeft .newsreleas_list {
	width: 100%;
	height:100%;
	#border: 1px #999999 solid;
	#padding: 4px 4px 0px 4px;
	padding: 0px 0px 0px 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#contentLeft .newsreleas_list .txt{
	line-height:170%;
	font-size:12px;
	background:url(/images/icon_arrow.gif) no-repeat 0 8px;
	#padding-left:10px;
}
#contentLeft .newsreleas_list .txt img{
	padding: 0 5px 0 0;
	line-height:100%;
}

#contentLeft .newsreleas_list .txt .date{
	font-size:10px;
	color: #999999;
}
#contentLeft .newsreleas_list .txt .blog{
	color: #dc143c;
	font-weight: bold;
}
#contentLeft .newsreleas_list .txt .appli{
	color: #dc143c;
	font-weight: bold;
}
#contentLeft .newsreleas_list .txt .news{
	color: #dc143c;
	font-weight: bold;
}
#contentLeft .newsreleasAll {
	width: 100%;
	height:100%;
	#border: 1px #999999 solid;
	#padding: 4px 4px 0px 4px;
	padding: 0px 0px 0px 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#contentLeft .appbox .txt {
    //width:184px;
	line-height:130%;
	font-size:12px;
	//float:right;
}

#contentLeft .appbox .txt img {
	padding: 2px 5px 4px 0;
}

#contentLeft .appbox .photo {
 width:100px;
	float: left;
	padding: 0 6px 35px 0;
}

/*タイトル画像*/
#contentLeft .appbox .tit {
	width:220px;
	margin:0px 0px 0px 0px;
	padding: 7px 0px 9px 70px;
	text-align:left;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/sp/s_obi_and.jpg);
	background-repeat: no-repeat;
}

#contentLeft .appbox .tit2 {
	width:220px;
	margin:0px 0px 0px 0px;
	padding: 7px 0px 9px 70px;
	text-align:left;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/sp/s_obi_ip.jpg);
	background-repeat: no-repeat;
}

#contentLeft .appbox .tit3 {
	width:220px;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 9px 70px;
	text-align:left;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/sp/s_obi_other.jpg);
	background-repeat: no-repeat;
}
#contentLeft .appbox .tit5 {
	width:245px;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 9px 5px;
	text-align:left;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/sp/s_obi_no.jpg);
	background-repeat: no-repeat;
}

#contentLeft .appbox .tit5 .txt{
	margin-right:5px;
}

#contentLeft .appbox .tit6 {
	width:220px;
	margin:0px 0px 0px 0px;
	padding: 5px 0px 9px 70px;
	text-align:left;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/sp/s_obi_win.jpg);
	background-repeat: no-repeat;
}


/*topのジャンル別の箱終わり*/

/*topの右メニュー始まり　一番上*/

#c_top{
	margin:0px;
	padding:0;
}

/*topの右メニュー始まり　一番上　終*/

/*topの右メニュー始まり　二番目*/

#c_menu{
	width:300px;
}

#c_menu img{
	margin-top: 10px;
}

#c_menu a{
	margin:0px 0px 0px 5px;
}

#contentright #c_menu ul{
	margin-top:0;
	margin-bottom:10px;
}

#contentright #c_menu li#c01 {
	border-bottom-style:dotted;
	border-width : 1px;
	border-color: #999999;
	list-style:none;
	margin:0 0 0 -40px;
	padding:0 0 0 20px;
}

#contentright #c_menu li#c01 img{
	vertical-align:text-bottom;
}



/*topの右メニュー始まり　二番目　終*/

/*topの右メニュー始まり　三番目*/
#c_menub{
	margin:0px;
	padding:0;
}

#c_menub img{
	margin:0px 0px 5px 0px;
}

/*topの右メニュー始まり　三番目　終*/

/*topの右メニューランキング　始*/

#rank{
	margin:10px 0 0 0;
	padding:0;
	}
	
#rank .rank01{
	text-align: center;
	width:92px;
	height:8.5em;
	margin:0px;
	padding:4px;
	#border: 1px;
	#border-top-style: none;
	#border-right-style: solid;
	#border-bottom-style: dotted;
	#border-left-style: solid;
	#border-color: #999999;
	float: left;
	}
	
#rank .rank02{
	text-align: center;
	width:92px;
	height:8.5em;
	margin:0px;
	padding:4px;
	#border-top-style: none;
	#border-right-style: solid;
	#border-bottom-style: solid;
	#border-left-style: solid;
	#border-top-width: 1px;
	#border-right-width: 1px;
	#border-bottom-width: 4px;
	#border-left-width: 1px;
	#border-top-color: #999999;
	#border-right-color: #999999;
	#border-bottom-color: #333333;
	#border-left-color: #999999;
	float: left;
	}		

#rank .txt{
	line-height:140%;
	font-size:12px;
}
#rank .recomend{
	display: none;
}


#rank .rankp{
	width:92px;
	float: left;
	#margin-right: 2px;
}
/*topの右メニューランキング　終*/

/**********************   common styles     **********************/

ul{
	list-style-type:none;
}

.nopad {
	margin: 0px;
	padding: 0px;
}

//#header{
//	width:320px;
//	height: 83px;
//	margin-bottom: 7px;
//	}
#header {
	width:320px;
	height: 126px;
	margin: 0 0 20px 0;
	background:url(../images/bg_base.jpg) 0 0 repeat-x;
}

#siteLogo {
	margin: 20px 0;
	float: left;
}

.snsBtn{
	float: right;
//	width: 220px;
//	height: 92px;
}

.snsBtn ul{
	margin: 20px 0 0 0;
    padding: 0;
}

.snsBtn li{
	float: left;
	padding-left: 5px;
}

/*スケジュールストリート　始*/
#contentLeft .appcontents{
	margin: 0px;
	padding: 6px 0 0 0;
	}
	
#contentLeft .appcontents .p_right{
	float:left;
	margin: 0 10px 10px 0;
	}
	
#contentLeft .appcontents .apptxt img{
	margin: 0px 5px 5px 0;
	}
	
#contentLeft .gazouimg{
	width:300px;
	background : url(../images/sp/tit_img.jpg) no-repeat left top;
	margin-top: 15px;
	padding-top: 40px;
	padding-bottom: 10px;
	text-align:center;
	}
#contentLeft .gazouimg .four{
	width:300px;
	overflow: auto;
	}
#contentLeft .gazouimg .four .contentimg{
	width: auto;
	overflow: auto;
	border: none;
	height: auto;
	}

#contentLeft .peculiarity{
	width:300px;
	background : url(../images/sp/tit_peculiarity.jpg) no-repeat left top;
	margin-top: 10px;
	padding-top: 45px;
	padding-bottom: 10px;
	}
	
#contentLeft .peculiarity p.bold{
	font-weight:bold;
	margin-top: 10px;
	}

#contentLeft .sai{
	width:274px;
	background : url(../images/sp/schedulesthd/android/tit03.gif) no-repeat left top;
	border: 3px solid #666666;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 45px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}

#contentLeft .data{
	border-top-width: 3px;
	border-top-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	margin-top: 10px;
	padding-top: 4px;
	}

#contentLeft .data .hidari{
	}	

#contentLeft .data .migi{
	width: 300px;
	padding-top: 10px;
	}
	
#contentLeft .data .migi img{
	padding-bottom: 5px;
	}
	
#contentLeft .stxt{
	font-size:10px;
	line-height:110%;
	margin-top: 10px;
}

#contentLeft .smafobungutit{
	width:300px;
	margin:0px 0px 10px 0px;
	padding: 5px 0px 9px 5px;
	text-align:left;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/sp/smafobungu/obi_tit.png);
	background-repeat: no-repeat;
}

/*　---------　manual　---------　*/
#contentLeft .manualcontents_top p.bold{
	color:#003399;
	font-weight:bold;
	}
	
#contentLeft .manualcontents p.bold{
	color:#003399;
	font-weight:bold;
	}
	
#contentLeft .manualcontents h3{
	margin:10px 0 10px 0;
	padding: 3px 3px 3px 10px;
	text-align:left;
	color: #00AAEA;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #00AAEA;
	}
	
.pagetop{
	text-align:right;
	padding: 10px 0 0 0;
}
/*　---------　manualスケスト（アンドロイド manual2.html）　---------　*/

#contentLeft #manual{
	border-left-style: none;
	margin-top: 13px;
	padding-top: 5px;
	}

#contentLeft #manual .manual_l{
	padding: 0px 0px 0px 0px;
	}	

#contentLeft #manual .manual_r{
	width: 300px;
	}
	
.b_red{
	background-color: #FFB9CB;
	padding: 5px;
}

.b_yellow{
	background-color: #FFFFDF;
	padding: 5px;
}

.b_blue{
	padding: 5px;
	background-color: #CAFFFF;
}


#contentLeft #manual .manual_r .b_blue{
	padding: 5px;
	background-color: #CAFFFF;
}

table#dataTable {
    width:300px;
}
table#dataTable td.table1 { 
    width:70px;
}
table#dataTable td.table2 { 
    width:217px;
}

/*　---------　manual手書きメモ for スケジュールSt.　---------　*/
#contentLeft #manual .manual_r400{
	float:left;
	width: 300px;
	}
	
/*　---------　manual問題集　---------　*/
#contentLeft #manual .manual_l200{
	float:left;
	padding: 0px 15px 0px 0px;
	width: 200px;
	}
	
/*　---------　footer　---------　*/
#footer{
	width:320px;
	padding-top: 10px;
	}

#footer p{
	text-align:right;
	margin: 10px 0 8px 0;
	}


#footer2{
	width:320px;
	padding-top: 6px;
	}

#footer2 p{
	text-align:right;
	margin: 10px 0 8px 0;
	}

.galleryImg {
    width: 300px;
    margin: auto 25px;
}
.galleryImg li {
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}