@charset "utf-8";
@import "../common.css";
@import "../reset.css";

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

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

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

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	pictbear common item


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

body{
background-color:#eeeeee;
}

p {
	color:#4a4a4a;
	margin-bottom:10px;
}

a {
	color:#4B8ADF;
}

h2{
margin-bottom:10px;
}



/*//////////////////////////////////////
	SBM
//////////////////////////////////////*/

#appendSBM{
	margin:18px auto 0;
	padding:17px 0 0;
	height:20px;
	text-align:center;
	background:url(../../../../img/pictbear/pictbear_sbm_line.png) no-repeat center 0;
}

#appendSBM a,
#appendSBM iframe{
	margin-right:10px;
	font-size:0;
	line-height:1;
	vertical-align:top;
	display:inline-block;
}

#SBMnone{
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
}

/*///////////////////////////////////////
pictbear
///////////////////////////////////////*/

#title{
	background:url(../../../../img/pictbear/top_img.png) no-repeat 0 top;
	padding-left:219px;
	margin:0 0 18px 95px;
}

#title h1{
	background:url(../../../../img/pictbear/h1.png) no-repeat 0 center;
	text-indent:-10000px;
	overflow:hidden;
	width:334px;
	height:67px;
	margin-bottom:11px;
}

#title p.dl_bt{
	display:block;
	height:32px;
	overflow:hidden;
	position:relative;
	width:269px;
	margin:0 0 13px;
	background:url(../../../../img/pictbear/download.png) no-repeat 0 center;
}

#title p.dl_bt a{
	background:url(../../images/blank.gif);
	display:block;
	height:32px;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	width:267px;
}

#title p{
	font-size:93%;
	margin-left:2px;
	color:#4a4a4a;
	margin-bottom:7px;
}
#frame_mid {
	background-image:url(../../images/pictbear/frame_mid.png);
	background-repeat:repeat-y;
}


#contents {
	background:url(../../images/pictbear/frame_mid.png) repeat-y;
	padding:20px 0 0;
}

#main_contents {
	padding:0px 35px 30px 40px;
}

#content p {
	margin:0 0 15px 0;

}

#main_contents .info_content {
	margin: 0 0 0 0;
	background: url(../../images/pictbear/top/info_frameback.png) #D9D9D9 repeat-y;
	width:696px;
}

#main_contents .info_frametop {
	background:url("../../images/pictbear/top/info_frametop.png") no-repeat scroll 0 0 transparent;
	padding-top:10px;
	width:696px;
}

#main_contents .info_frametop h2.icon {
	background:url("../../images/pictbear/top/info_icon.png") no-repeat scroll 0 1px transparent;
	color:#000000;
	font-size:108%;
	margin:0 10px 0;
	padding:3px 0 0 23px
}

.info_frametop p{
	margin-left: 33px;
	margin-right: 10px;
}

#main_contents .info_framebtm {
	background:url("../../images/pictbear/top/info_framebtm.png") no-repeat scroll 0 0 transparent;
	font-size:0;
	height:10px;
	margin:0 auto;
	overflow:hidden;
	width:696px;
}

#top_content {
	min-height:420px;
	height:auto !important;
	height:420px;
	background-image:url(../../images/pictbear/top/campus.png);
	background-position:300px 10px;
	background-repeat:no-repeat;	
}

#top_content h2{
	text-indent:-9999px;
	background:url(../../images/pictbear/top/title1.png) 0 40px;
	background-repeat:no-repeat;
	width:291px;
	height:34px;
	margin-left:-10px;
	padding-top:40px;
}

h3{
color:#FF8C11;
font-size:120%;
margin-bottom:10px;
}

#content_title1 {
	text-indent:-9999px;
	background:url(../../images/pictbear/top/title2.png);
	background-repeat:no-repeat;
	width:338px;
	height:40px;
}

#content_subtitle1 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/top/sub_title1.png);
	background-repeat:no-repeat;
	height:19px;
	margin:30px 0 15px;
	overflow:hidden;
}

#content_title2 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/top/title3.png);
	background-repeat:no-repeat;
	width:346px;
	height:43px;
}


.strong {
	color:#ff8c11;
	width:450px;
	display:block;
	font-size:100%;
	margin:10px 0;
}

p.top {
	width:430px;
}

p#dl {
	margin:0;
}

dl {
	color:#4a4a4a;
	font-size:85%;
	margin:0px 0 20px;
	line-height:1.6em;
}

dt {
	margin: 0;
	padding: 0px 0;
	width: 10px;
	float: left;
	clear: both;
}

dd {
	margin: 0 0 0 2px;
	padding: 0px 10px;
	width:355px;
}



#content_subtitle2 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/top/sub_title4.png);
	background-repeat:no-repeat;
	height:19px;
	margin:13px 0 15px;
	overflow:hidden;
}

#content_subtitle3 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/top/sub_title5.png);
	background-repeat:no-repeat;
	height:20px;
	margin:30px 0 15px;
	overflow:hidden;
}

#content_subtitle4 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/top/sub_title6.png);
	background-repeat:no-repeat;
	height:14px;
	margin:30px 0 15px;
	width:387px;
	overflow:hidden;
}



.left {
	float:left;
	width:400px;
}

.left2 {
	float:left;
	width:54px;
}

.right {
	float:right;
}

.right2 {
	float:right;
	margin-left:20px;
	width:285px;
}

#main_contents .content_1 {
	position:relative;
}

.left_text {
	width:360px;
}

.right_image {
	height:475px;
	margin-left:376px;
	position:absolute;
	top:-10px;
	width:406px;
}


#screen {
	background-image:url(../../images/pictbear/top/screen_frame.png);
	background-repeat:no-repeat;
	padding:7px 0px 10px 16px;
	margin:0 0 35px;
}

#screen a {
	display:block;
	float:left;
	margin-right:4px;
}

p#bottom_btn {
	margin:0 0 0 193px;
	width:310px;
	height:46px;
	overflow:hidden;
}

p#bottom_btn a {
	display:block;
	width:310px;
	height:46px;
	background-image:url(../../images/pictbear/top/down_btn.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

p#bottom_text {
	margin:3px 0 0 195px;
}

#mail {
	margin-bottom:-4px;
}

a.contents_links{
	color:#4b8adf;
	font-size:90%;
	font-weight:bold;
}

.notes{
font-size:85%;
line-height:140%;
}

p.notes{
	font-size:93%;
}

/*------------------
  09.04.03 追記分：ソーシャルブックマーク
------------------*/

#banner_textarea{
margin-bottom:10px;
}

#sbm_content{
	margin-bottom:15px;
}

.sbm{
margin-right:10px;
}

/*------------------
pictbear_menu
------------------*/

#pictbear_menu {
	background:url(../../images/pictbear/menu.png) no-repeat 0 0px;
	height:52px;
	width:771px;
	overflow: hidden;
	position: relative;
}

#pictbear_menu li{
	float:left;
	height:52px;
	position:absolute;
}

#pictbear_menu li a{
	text-indent: -9999px;
	overflow: hidden;
	display:block;
	height:52px;
}

#pictbear_menu li a:hover,
#pictbear_menu li a.select{
	background-image:url(../../images/pictbear/menu.png);
}

#pictbear_menu #p_top {
	width:67px;
	left:85px;
}
	
#pictbear_menu #p_top a:hover{
	background-position:-85px -52px;
}

#pictbear_menu #p_top a.select {
	background-position:-85px -104px;
}


#pictbear_menu #p_intro{
	width:59px;
	left:236px;
}

#pictbear_menu #p_intro a:hover{
	background-position:-236px -52px;
}

#pictbear_menu #p_intro a.select{
	background-position:-236px -104px;
}


#pictbear_menu #p_brush {
	width:114px;
	left:376px;
}

#pictbear_menu #p_brush a:hover{
	background-position:-376px -52px;
}

#pictbear_menu #p_brush a.select{
	background-position:-376px -104px;
}


#navi{
	background:url(../../images/pictbear/frame_btm.png) no-repeat 0 bottom;
}

#navi p,
#navi a{
	color:#fff;
}

/*------------------
  09.06.03 追記分：画像マージン
------------------*/

.image_content{
margin-bottom:10px;
}

/*------------------
  10.12.10 GraniHeader 修正
------------------*/
#title .sbm_content{
	margin-bottom:15px;
	height:16px;
}

#title .sbm_content li{
	float:left;
	margin-right:10px;
}

#title .sbm_content .icon{
	margin-right:5px;
}

#title .sbm_content .mr0{
	margin-right:0px;
}

#title .sbm_content .delicious a{
	background: none repeat scroll 0% 0% rgb(85, 146, 233);
	overflow: hidden;
	text-decoration: none;
}

#title .sbm_content .delicious span{
	color: rgb(255, 255, 255);
	background-color: rgb(85, 146, 233);
	display:block;
	font-size:77%;
	height:14px;
	text-align:center;
	width:30px;
	line-height:155%;
	overflow:hidden;
}

#main {
	margin:0 auto;
	margin-top:38px;
	width:770px;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	機能紹介


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/


#intro #content_title1 {
	text-indent:-9999px;
	background:url(../../images/pictbear/intro/intro_title01.png) 0 20px;
	background-repeat:no-repeat;
	width:272px;
	height:40px;
	margin-left:-10px;
	margin-bottom:20px;
	padding-top:20px;
}

#intro #list_links{
background:url(../../images/pictbear/intro/list_middle.png) repeat-y;
height:auto;
overflow:hidden;
}

#intro #list_header{
width:687px;
height:25px;
}

#intro #list_bottom{
width:687px;
height:10px;
}

#intro #list_middle{
padding:0 20px;

}

#intro #list_middle li{
line-height:170%;
}

#intro #list_middle li a{
color:#4b8adf;
font-size:90%;
font-weight:bold;
}

#intro #list_middle ul.list_left{
float:left;
width:300px;
height:auto;
}

#intro #list_middle ul.list_right{
float:right;
width:300px;
height:auto;
}

#intro #content_subtitle1 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/intro/intro_subtitle01.png);
	background-repeat:no-repeat;
	height:18px;
	width:397px;
	margin:30px 0 15px;
	overflow:hidden;
}

#intro #content_subtitle2 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/intro/intro_subtitle02.png);
	background-repeat:no-repeat;
	height:19px;
	width:328px;
	margin:30px 0 15px;
	overflow:hidden;
}

#intro #content_subtitle3 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/intro/intro_subtitle03.png);
	background-repeat:no-repeat;
	height:19px;
	width:322px;
	margin:10px 0 15px;
	overflow:hidden;
}


#intro #content_subtitle4 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/intro/intro_subtitle04.png);
	background-repeat:no-repeat;
	height:19px;
	width:353px;
	margin:13px 0 15px;
	overflow:hidden;
}


#intro #content_subtitle5 {
	text-indent:-9999px;
	background-image:url(../../images/pictbear/intro/intro_subtitle05.png);
	background-repeat:no-repeat;
	height:19px;
	width:372px;
	margin:30px 0 15px;
	overflow:hidden;
}

#intro #contents h3{
	background-image:url(../../images/pictbear/intro/intro_subtitle_bg.png);
	background-repeat:no-repeat;
	width:240px;
	height:32px;
	font-size:90%;
	overflow:hidden;
	color:#4a4a4a;
	margin:20px 0 5px;
	padding:5px 15px;
}

#intro .return{
float:right;
margin-bottom:20px;
margin-top:20px;
}

#intro .img_horizontal{
margin-right:20px;
}


#intro .return_text{
font-size:90%;
padding-bottom:10px;
background:url(../../images/pictbear/intro/return_top_icn.png) no-repeat;
padding-left:20px;
font-weight:bold;
}

#intro .under_space{
margin-bottom:20px;
}


/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	ピクトブラシ・プラグイン


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

#brush #main{
	overflow:hidden;
}


#brush #content_title1 {
	text-indent:-9999px;
	background:url(../../images/pictbear/brush/brush_title01.png) 0 20px;
	background-repeat:no-repeat;
	width:313px;
	height:42px;
	margin-left:0px;
	margin-bottom:20px;
	padding-top:20px;
}

#brush #content2 p{
color:#4a4a4a;
margin-bottom:10px;
}

#brush .title1{
	text-indent:-9999px;
	background-image:url(../../images/pictbear/brush/brush_subtitle01.png);
	background-repeat:no-repeat;
	height:18px;
	width:257px;
	margin:30px 0 15px;
	overflow:hidden;
}

#brush .content_text{
font-size:80%;
width:100%;
border-bottom:#4b8adf 1px dotted;
color:#4a4a4a;
}


#brush #content_inside{
background:transparent url(../../images/pictbear/brush/subcontent_bg.png) repeat-y;
margin:20px 0 0 -40px;
width:766px;
}

#brush #content_inside h4{
font-size:120%;
margin-left:40px;
padding-top:20px;
margin-bottom:20px;
}

#brush #content_inside a{
color:#FFFFFF;
}

#brush #content_inside p{
color:#3a3a3a;
margin-bottom:20px;
padding:0 40px;
}

#brush .extension{
margin:10px 0 30px;
}

#brush .extension_content{
width:335px;
float:left;
display:block;
margin:10px 5px;
}

#brush .mail{
float:right;
margin-right:40px;
padding-bottom:20px;
}

#brush .extension_content .left{
float:left;
width:220px;
margin-top:5px;
}

#brush .extension_content .right{
float:right;
margin-top:5px;
}

#brush .extension_content h4{
font-size:100%;
color:#4b8adf;
}

#brush div.aperture{
padding:15px 0;
background-image:url(../../images/pictbear/frame_mid.png);
background-repeat:repeat-y;
}

/*//////////////////////////////
 footer
//////////////////////////////*/


#footer .gnav,
#footer .copy{
	margin:0;
}