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


/*======================================

	基本設定

=======================================*/

/*ページ基本構造
最背面…wrapper
メニューボックス上…nav
メニューボックス左…nav2
メイン内容案内部分…contentbox
*/

/*追加*/
div#wrapper::before {
    content: url(http://toypon.com/images/toypon_logo_banner.jpg);
}

#TopFlashBox {display: none;}

/*基準値設定*/	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{
margin:0;
padding:0;
font-weight:normal;
font-size:100%;
color:#696969;
}


/*リンクされた文字*/
a{ color:#ffffff; font-style:normal; text-decoration: none;}
/*未訪問のリンク*/
a:link { color: #ffffff; font-style:normal; text-decoration: none;}
/*訪問後のリンク*/
a:visited { color: #3366FF; text-decoration: none;}
/*マウスをのせたとき*/
a:hover { color: #000099; font-style:normal; text-decoration:none;}


/*ボディー記述設定*/
body{font-family:"MS PGothic","Osaka",Arial,sans-serif;
	line-height:1.22;font-size:0.75em;
	word-break:break-all;
	*font-size:small;
	*font:x-small;
	*line-height:1.05;
	text-align:center;
	background-image: url(../image/back.gif);
	 }
	
img{border:0;}


/*最背面枠組み*/

#wrapper{
	width: 950px;
	height: auto;
	background-color: #ffffff;
	margin: auto;
	margin-top: 10px;
	}
	
#header {
	display:block;
	width: 950px;
	height: 69px;
	background-image: url(../image/top/tittle.gif);
	background-repeat: no-repeat;
	}
	
#menu {
	width: 875px;
	height: 45px;
	padding-left: 75px;
	}
	
#menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#menu img {
	float: left;
	}
	
#menu li {
	width: 122px;
	height: 45px;
	float: left;
	margin: 0;
	padding: 0;
	text-align:left;
	}

#menu li a{
	width: 122px;
	height: 45px;
	float: left;
	margin: 0;
	padding: 0;
	text-align:left;
	}
	
/* トップボックス*/
	
#topbox {
	width: 950px;
	height: 417px;
	background-color: #ffffff;
	}
	
#leftbox {
	width: 700px;
	height: 282px;
	float: left;
	}
	
#rightbox {
	width: 250px;
	height: 250px;
	float: left;
	}
	
#formbox {
	width: 242px;
	padding-top: 10px;
	}
	
#topboxunder {
	width: 950px;
	height: 135px;
	}
	
/* デザインボックス*/

#linebox1 {
	width:940px;
	height: 34px;
	display:block;
	padding-bottom: 10px;
	background-image:url(../image/a/a.gif);
	background-repeat: no-repeat;
	text-align: right;
	font-size:16px;
	line-height: 34px;
	padding-right: 10px;
	color:#FFFFFF;
	}

#designbox {
	width: 950px;
	height: auto;
	background-color:#ffffff;
	}
	
/*------------------- キャラクターボックス-------------------*/
	
#charabox1 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara001.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
#charabox2 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara002.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
#charabox3 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara003.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
#charabox4 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara004.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
#charabox6 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara006.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
#charabox7 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara007.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
#charabox8 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara008.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
#charabox9 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara009.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox10 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara010.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox11 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara011.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox12 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara012.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}	
	
#charabox13 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara013.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox14 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara014.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox15 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara015.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}	
	
#charabox16 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara016.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox17 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara017.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox18 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara018.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}	
	
	
#charabox19 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara019.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}	
	
#charabox20 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara020.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}	
	
#charabox21 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara021.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}

#charabox22 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara022.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}

#charabox23 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara023.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}


#charabox24 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara024.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}

#charabox25 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara025.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox26 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara026.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}

#charabox27 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara027.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}

#charabox28 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara028.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox29 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara029.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}

#charabox30 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara030.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox31 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara031.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}	
	
	
#charabox32 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara032.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
	
#charabox33 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara033.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}


#charabox34 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara034.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	

#charabox35 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara035.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	

#charabox36 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara036.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox37 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara037.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox38 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara038.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
#charabox39 {
	width: 137px;
	height: 17px;
	background-image: url(../image/a/chara039.gif);
	background-repeat: no-repeat;
	vertical-align: bottom;
	float:left;
	padding-top: 170px;
	margin-left:20px;
	margin-bottom:15px;
	color: #FFFFFF;
	}
	
	

	
	
#charaboxg {
	width: 279px;
	height: 187px;
	display:block;
	float:left;
	margin-left:20px;
	margin-bottom:15px;
	}
	
/* 制作ボックス*/
	
#linebox2 {
	width:940px;
	height: 34px;
	display:block;
	padding-bottom: 10px;
	background-image:url(../image/b/b.gif);
	background-repeat: no-repeat;
	text-align: right;
	font-size:16px;
	line-height: 34px;
	padding-right: 10px;
	color:#FFFFFF;
	}

#seisakubox {
	width: 950px;
	height:auto;
	background-color: #ffffff;
	}
	
#firstbox{
	width: 950px;
	padding-bottom: 25px;
		}
		
#box2{
	width: 950px;
	padding-top: 25px;
		}

#box3{
	width: 950px;
		}
		
#box4{
	width: 950px;
		}

#imagebox{
	width: 145px;
	height: 140px;
	padding-left: 150px;
	float: left;
	}
	
#boxcomment{
	width: 645px;
	height: 140px;
	display: block;
	padding-left: 10px;
	font-size: 12px;
	color:#333333;
	text-align: left;
	float: left;
	}
	
/* 制作の流れ*/

#process{
	width: 950px;
	height: auto;
	background-color: #FFFFFF;
	}
	
#linebox3 {
	width:940px;
	height: 34px;
	display:block;
	padding-bottom: 10px;
	background-image:url(../image/c/c.gif);
	background-repeat: no-repeat;
	text-align: right;
	font-size:16px;
	line-height: 34px;
	padding-right: 10px;
	color:#FFFFFF;
	}
	
#box5{
	width: 950px;
		}
		
/* ご依頼・問い合わせ*/

#inq{
	width: 950px;
	height: auto;
	background-color: #FFFFFF;
	}
	
#linebox4 {
	width:940px;
	height: 34px;
	display:block;
	padding-bottom: 10px;
	background-image:url(../image/d/d.gif);
	background-repeat: no-repeat;
	text-align: right;
	font-size:16px;
	line-height: 34px;
	padding-right: 10px;
	color:#FFFFFF;
	}
	
#box6{
	width: 950px;
	vertical-align: top;
		}